@homebound/beam 4.51.0 → 4.52.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs CHANGED
@@ -40,6 +40,7 @@ __export(index_exports, {
40
40
  AiLoadingPanel: () => AiLoadingPanel,
41
41
  AiPanel: () => AiPanel,
42
42
  AiSlimBanner: () => AiSlimBanner,
43
+ AiTableIllustration: () => AiTableIllustration,
43
44
  AutoSaveIndicator: () => AutoSaveIndicator,
44
45
  AutoSaveStatus: () => AutoSaveStatus,
45
46
  AutoSaveStatusContext: () => AutoSaveStatusContext,
@@ -33031,44 +33032,72 @@ function useToast() {
33031
33032
  return { showToast, clear };
33032
33033
  }
33033
33034
 
33034
- // src/illustrations/DocumentUploadIllustration.tsx
33035
+ // src/illustrations/AiTableIllustration.tsx
33035
33036
  var import_runtime163 = require("@homebound/truss/runtime");
33036
33037
  var import_jsx_runtime254 = require("react/jsx-runtime");
33038
+ function AiTableIllustration(props) {
33039
+ const {
33040
+ width: width2 = 349
33041
+ } = props;
33042
+ return /* @__PURE__ */ (0, import_jsx_runtime254.jsxs)("svg", { viewBox: "0 0 349 197", xmlns: "http://www.w3.org/2000/svg", fill: "none", "aria-hidden": true, role: "presentation", ...(0, import_runtime163.trussProps)({
33043
+ width: ["w_var", {
33044
+ "--width": `${width2}px`
33045
+ }],
33046
+ maxWidth: "maxw100",
33047
+ height: "ha"
33048
+ }), children: [
33049
+ /* @__PURE__ */ (0, import_jsx_runtime254.jsx)("rect", { x: "136.78", y: "22.45", width: "128.37", height: "126.07", rx: "7.38", stroke: "#C1B2F9", strokeWidth: "2.54", strokeLinecap: "round", strokeDasharray: "3.8 7.72", strokeDashoffset: "3.8" }),
33050
+ /* @__PURE__ */ (0, import_jsx_runtime254.jsx)("rect", { x: "96.22", y: "41.46", width: "144.5", height: "129.41", rx: "7.95", fill: "white" }),
33051
+ /* @__PURE__ */ (0, import_jsx_runtime254.jsx)("path", { d: "M96.22 64.17V49.42A7.95 7.95 0 0 1 104.17 41.46H232.77A7.95 7.95 0 0 1 240.72 49.42V64.17Z", fill: "#E2DFF5" }),
33052
+ /* @__PURE__ */ (0, import_jsx_runtime254.jsx)("circle", { cx: "115.97", cy: "78.34", r: "4.91", fill: "#B6B2E1" }),
33053
+ /* @__PURE__ */ (0, import_jsx_runtime254.jsx)("circle", { cx: "115.97", cy: "104.77", r: "4.91", fill: "#B6B2E1" }),
33054
+ /* @__PURE__ */ (0, import_jsx_runtime254.jsx)("circle", { cx: "115.97", cy: "131.19", r: "4.91", fill: "#B6B2E1" }),
33055
+ /* @__PURE__ */ (0, import_jsx_runtime254.jsx)("path", { d: "M96.22 64.17H240.72M135.63 64.17V170.87M195.78 41.46V170.87M96.22 91.48H240.72M96.22 117.87H240.72M96.22 144.37H240.72", stroke: "#7A7FA8", strokeWidth: "2.54" }),
33056
+ /* @__PURE__ */ (0, import_jsx_runtime254.jsx)("rect", { x: "96.22", y: "41.46", width: "144.5", height: "129.41", rx: "7.95", stroke: "#7A7FA8", strokeWidth: "2.54" }),
33057
+ /* @__PURE__ */ (0, import_jsx_runtime254.jsx)("path", { d: "M66.17 20.23L68.14 11.26A1.4 1.4 0 0 1 70.87 11.26L72.85 20.23L81.32 22.16A1.41 1.41 0 0 1 81.32 24.91L72.85 26.84L70.87 35.81A1.4 1.4 0 0 1 68.14 35.81L66.17 26.84L57.69 24.91A1.41 1.41 0 0 1 57.69 22.16Z", fill: "#9357FD" }),
33058
+ /* @__PURE__ */ (0, import_jsx_runtime254.jsx)("path", { d: "M70.85 70.65L72.08 65.07A0.86 0.86 0 0 1 73.76 65.07L74.99 70.65L80.19 71.84A0.87 0.87 0 0 1 80.19 73.54L74.99 74.74L73.76 80.31A0.86 0.86 0 0 1 72.08 80.31L70.85 74.74L65.64 73.54A0.87 0.87 0 0 1 65.64 71.84Z", fill: "#A475FD" }),
33059
+ /* @__PURE__ */ (0, import_jsx_runtime254.jsx)("path", { d: "M287.22 122.98L288.89 115.34A1.16 1.16 0 0 1 291.15 115.34L292.82 122.98L299.71 124.58A1.18 1.18 0 0 1 299.71 126.87L292.82 128.47L291.15 136.1A1.16 1.16 0 0 1 288.89 136.1L287.22 128.47L280.33 126.87A1.18 1.18 0 0 1 280.33 124.58Z", fill: "#955BFD" })
33060
+ ] });
33061
+ }
33062
+
33063
+ // src/illustrations/DocumentUploadIllustration.tsx
33064
+ var import_runtime164 = require("@homebound/truss/runtime");
33065
+ var import_jsx_runtime255 = require("react/jsx-runtime");
33037
33066
  function DocumentUploadIllustration(props) {
33038
33067
  const {
33039
33068
  width: width2 = 338
33040
33069
  } = props;
33041
- return /* @__PURE__ */ (0, import_jsx_runtime254.jsxs)("svg", { viewBox: "0 0 338.25 270.6", xmlns: "http://www.w3.org/2000/svg", fill: "none", "aria-hidden": true, role: "presentation", ...(0, import_runtime163.trussProps)({
33070
+ return /* @__PURE__ */ (0, import_jsx_runtime255.jsxs)("svg", { viewBox: "0 0 338.25 270.6", xmlns: "http://www.w3.org/2000/svg", fill: "none", "aria-hidden": true, role: "presentation", ...(0, import_runtime164.trussProps)({
33042
33071
  width: ["w_var", {
33043
33072
  "--width": `${width2}px`
33044
33073
  }],
33045
33074
  maxWidth: "maxw100",
33046
33075
  height: "ha"
33047
33076
  }), children: [
33048
- /* @__PURE__ */ (0, import_jsx_runtime254.jsx)("path", { d: "M256.146 107.294C256.146 107.294 267.377 64.7481 227.738 51.0067C188.1 37.2653 159.572 58.7309 145.026 75.3184C129.963 92.4952 127.849 132.662 96.9308 140.326C66.0126 147.989 59.4329 170.861 62.313 186.571C65.2199 202.426 72.3548 210.618 107.501 210.618H231.174C231.174 210.618 270.548 216.961 278.476 197.406C286.404 177.85 276.362 168.337 259.978 154.596C243.594 140.854 243.594 131.077 249.143 122.356C254.693 113.636 256.146 107.294 256.146 107.294Z", fill: "#F1F4F9" }),
33049
- /* @__PURE__ */ (0, import_jsx_runtime254.jsx)("path", { d: "M198.269 73.0502H132.422C125.722 73.0502 120.291 80.558 120.291 89.8194V194.831C120.291 204.092 125.722 211.6 132.422 211.6H211.249C217.949 211.6 223.38 204.092 223.38 194.831V100.978L198.269 73.0502Z", fill: "white" }),
33050
- /* @__PURE__ */ (0, import_jsx_runtime254.jsx)("path", { d: "M201.273 78.2404C200.767 78.2404 200.262 78.0337 199.897 77.6275L197.444 74.8999H193.776C192.754 74.8999 191.926 74.0718 191.926 73.0501C191.926 72.0284 192.754 71.2003 193.776 71.2003H198.268C198.793 71.2003 199.293 71.4232 199.644 71.8132L202.648 75.1537C203.331 75.9135 203.269 77.083 202.509 77.7661C202.156 78.0839 201.714 78.2404 201.273 78.2404Z", fill: "#798295" }),
33051
- /* @__PURE__ */ (0, import_jsx_runtime254.jsx)("path", { d: "M211.249 213.45H211.111C210.09 213.45 209.261 212.622 209.261 211.6C209.261 210.578 210.09 209.75 211.111 209.75H211.249C214.146 209.75 216.274 208.026 217.55 206.579C218.225 205.813 219.394 205.739 220.161 206.415C220.927 207.091 221.001 208.26 220.325 209.026C217.809 211.879 214.586 213.45 211.249 213.45ZM203.446 213.45H194.459C193.437 213.45 192.609 212.622 192.609 211.6C192.609 210.578 193.437 209.75 194.459 209.75H203.446C204.467 209.75 205.296 210.578 205.296 211.6C205.296 212.622 204.467 213.45 203.446 213.45ZM186.793 213.45H177.806C176.784 213.45 175.956 212.622 175.956 211.6C175.956 210.578 176.784 209.75 177.806 209.75H186.793C187.815 209.75 188.643 210.578 188.643 211.6C188.643 212.622 187.815 213.45 186.793 213.45ZM170.14 213.45H161.153C160.131 213.45 159.303 212.622 159.303 211.6C159.303 210.578 160.131 209.75 161.153 209.75H170.14C171.162 209.75 171.99 210.578 171.99 211.6C171.99 212.622 171.162 213.45 170.14 213.45ZM153.488 213.45H144.5C143.479 213.45 142.651 212.622 142.651 211.6C142.651 210.578 143.479 209.75 144.5 209.75H153.488C154.509 209.75 155.337 210.578 155.337 211.6C155.337 212.622 154.509 213.45 153.488 213.45ZM136.835 213.45H132.422C130.603 213.45 128.835 212.997 127.167 212.104C126.267 211.621 125.928 210.5 126.41 209.599C126.893 208.699 128.014 208.359 128.914 208.842C130.039 209.445 131.219 209.75 132.422 209.75H136.835C137.857 209.75 138.685 210.578 138.685 211.6C138.685 212.622 137.857 213.45 136.835 213.45ZM122.794 206.881C122.144 206.881 121.513 206.538 121.175 205.929C119.662 203.203 118.738 199.971 118.502 196.584C118.431 195.565 119.2 194.681 120.219 194.61C121.236 194.544 122.122 195.308 122.193 196.328C122.391 199.178 123.158 201.877 124.41 204.133C124.905 205.027 124.583 206.153 123.69 206.648C123.406 206.806 123.098 206.881 122.794 206.881ZM222.508 202.938C222.337 202.938 222.163 202.914 221.99 202.864C221.009 202.578 220.445 201.552 220.731 200.571C221.261 198.75 221.53 196.819 221.53 194.831V192.183C221.53 191.161 222.358 190.333 223.38 190.333C224.402 190.333 225.23 191.161 225.23 192.183V194.831C225.229 197.169 224.911 199.448 224.283 201.605C224.048 202.413 223.309 202.938 222.508 202.938ZM120.291 190.641C119.27 190.641 118.441 189.813 118.441 188.792V179.804C118.441 178.783 119.27 177.955 120.291 177.955C121.313 177.955 122.141 178.783 122.141 179.804V188.792C122.141 189.813 121.313 190.641 120.291 190.641ZM223.38 186.367C222.358 186.367 221.53 185.539 221.53 184.517V175.53C221.53 174.508 222.358 173.68 223.38 173.68C224.402 173.68 225.23 174.508 225.23 175.53V184.517C225.23 185.539 224.402 186.367 223.38 186.367ZM120.291 173.989C119.27 173.989 118.441 173.161 118.441 172.139V163.152C118.441 162.13 119.27 161.302 120.291 161.302C121.313 161.302 122.141 162.13 122.141 163.152V172.139C122.141 173.161 121.313 173.989 120.291 173.989ZM223.38 169.714C222.358 169.714 221.53 168.886 221.53 167.864V158.877C221.53 157.855 222.358 157.027 223.38 157.027C224.402 157.027 225.23 157.855 225.23 158.877V167.864C225.23 168.886 224.402 169.714 223.38 169.714ZM120.291 157.336C119.27 157.336 118.441 156.508 118.441 155.486V146.499C118.441 145.477 119.27 144.649 120.291 144.649C121.313 144.649 122.141 145.477 122.141 146.499V155.486C122.141 156.508 121.313 157.336 120.291 157.336ZM223.38 153.061C222.358 153.061 221.53 152.233 221.53 151.211V142.224C221.53 141.203 222.358 140.375 223.38 140.375C224.402 140.375 225.23 141.203 225.23 142.224V151.211C225.23 152.233 224.402 153.061 223.38 153.061ZM120.291 140.683C119.27 140.683 118.441 139.855 118.441 138.833V129.846C118.441 128.825 119.27 127.997 120.291 127.997C121.313 127.997 122.141 128.825 122.141 129.846V138.833C122.141 139.855 121.313 140.683 120.291 140.683ZM223.38 136.409C222.358 136.409 221.53 135.581 221.53 134.559V125.572C221.53 124.55 222.358 123.722 223.38 123.722C224.402 123.722 225.23 124.55 225.23 125.572V134.559C225.23 135.581 224.402 136.409 223.38 136.409ZM120.291 124.031C119.27 124.031 118.441 123.202 118.441 122.181V113.194C118.441 112.172 119.27 111.344 120.291 111.344C121.313 111.344 122.141 112.172 122.141 113.194V122.181C122.141 123.202 121.313 124.031 120.291 124.031ZM223.38 119.756C222.358 119.756 221.53 118.928 221.53 117.906V108.919C221.53 107.897 222.358 107.069 223.38 107.069C224.402 107.069 225.23 107.897 225.23 108.919V117.906C225.23 118.928 224.402 119.756 223.38 119.756ZM120.291 107.378C119.27 107.378 118.441 106.55 118.441 105.528V96.5409C118.441 95.5193 119.27 94.6911 120.291 94.6911C121.313 94.6911 122.141 95.5193 122.141 96.5409V105.528C122.141 106.55 121.313 107.378 120.291 107.378ZM223.38 103.103C222.537 103.103 221.825 102.539 221.603 101.768L216.18 95.7367C215.497 94.9771 215.559 93.8075 216.318 93.1244C217.078 92.4415 218.248 92.5033 218.931 93.2631L224.755 99.7411C225.061 100.081 225.23 100.521 225.23 100.978V101.253C225.23 102.275 224.402 103.103 223.38 103.103ZM120.312 90.7253C120.287 90.7253 120.262 90.7248 120.236 90.7239C119.215 90.683 118.421 89.8222 118.462 88.8015C118.597 85.4287 119.413 82.1733 120.823 79.3874C121.284 78.4757 122.396 78.1104 123.308 78.5715C124.22 79.0327 124.585 80.1455 124.124 81.0571C122.952 83.3736 122.273 86.1027 122.159 88.9496C122.119 89.9452 121.299 90.7253 120.312 90.7253ZM212.43 90.6496C211.924 90.6496 211.42 90.4429 211.054 90.0366L205.045 83.3536C204.362 82.594 204.425 81.4244 205.184 80.7413C205.944 80.0585 207.113 80.12 207.796 80.88L213.805 87.563C214.489 88.3226 214.426 89.4923 213.667 90.1753C213.313 90.4931 212.871 90.6496 212.43 90.6496ZM127.452 76.3686C126.834 76.3686 126.23 76.0589 125.88 75.4953C125.34 74.6277 125.606 73.487 126.474 72.9477C128.338 71.7883 130.34 71.2004 132.422 71.2004H136.152C137.174 71.2004 138.002 72.0286 138.002 73.0502C138.002 74.0719 137.174 74.9 136.152 74.9H132.422C131.041 74.9 129.697 75.3002 128.427 76.0893C128.123 76.2784 127.786 76.3686 127.452 76.3686ZM186.111 74.9H177.123C176.102 74.9 175.274 74.0719 175.274 73.0502C175.274 72.0286 176.102 71.2004 177.123 71.2004H186.111C187.132 71.2004 187.96 72.0286 187.96 73.0502C187.96 74.0719 187.132 74.9 186.111 74.9ZM169.458 74.9H160.471C159.449 74.9 158.621 74.0719 158.621 73.0502C158.621 72.0286 159.449 71.2004 160.471 71.2004H169.458C170.48 71.2004 171.308 72.0286 171.308 73.0502C171.308 74.0719 170.48 74.9 169.458 74.9ZM152.805 74.9H143.818C142.796 74.9 141.968 74.0719 141.968 73.0502C141.968 72.0286 142.796 71.2004 143.818 71.2004H152.805C153.827 71.2004 154.655 72.0286 154.655 73.0502C154.655 74.0719 153.827 74.9 152.805 74.9Z", fill: "#798295" }),
33052
- /* @__PURE__ */ (0, import_jsx_runtime254.jsx)("path", { d: "M192.785 83.3351V99.2582C192.785 102.885 195.726 105.826 199.353 105.826H215.482", fill: "white" }),
33053
- /* @__PURE__ */ (0, import_jsx_runtime254.jsx)("path", { d: "M215.39 107.676H206.406C205.384 107.676 204.556 106.848 204.556 105.826C204.556 104.804 205.384 103.976 206.406 103.976H215.39C216.412 103.976 217.24 104.804 217.24 105.826C217.24 106.848 216.412 107.676 215.39 107.676ZM198.745 107.648C198.689 107.648 198.632 107.645 198.574 107.64C194.611 107.275 191.419 104.139 190.986 100.183C190.874 99.1675 191.608 98.2541 192.623 98.1428C193.636 98.0331 194.552 98.7646 194.663 99.7801C194.906 101.996 196.693 103.752 198.913 103.956C199.93 104.049 200.679 104.95 200.585 105.967C200.497 106.927 199.691 107.648 198.745 107.648ZM192.785 94.1696C191.764 94.1696 190.936 93.3415 190.936 92.3198V83.335C190.936 82.3134 191.764 81.4852 192.785 81.4852C193.807 81.4852 194.635 82.3134 194.635 83.335V92.3198C194.635 93.3415 193.807 94.1696 192.785 94.1696Z", fill: "#798295" }),
33054
- /* @__PURE__ */ (0, import_jsx_runtime254.jsx)("path", { d: "M189.911 178.207H154.776C153.609 178.207 152.662 177.261 152.662 176.093C152.662 174.926 153.609 173.979 154.776 173.979H189.911C191.078 173.979 192.025 174.926 192.025 176.093C192.025 177.261 191.078 178.207 189.911 178.207Z", fill: "#798295" }),
33055
- /* @__PURE__ */ (0, import_jsx_runtime254.jsx)("path", { d: "M171.711 166.32C170.544 166.32 169.597 165.373 169.597 164.206V124.131C169.597 122.963 170.544 122.017 171.711 122.017C172.878 122.017 173.825 122.963 173.825 124.131V164.206C173.825 165.373 172.878 166.32 171.711 166.32Z", fill: "#798295" }),
33056
- /* @__PURE__ */ (0, import_jsx_runtime254.jsx)("path", { d: "M191.126 144.439C190.608 144.439 190.089 144.25 189.681 143.868L171.72 127.037L154 143.858C153.154 144.662 151.815 144.628 151.012 143.781C150.208 142.934 150.243 141.596 151.089 140.792L170.256 122.597C171.068 121.827 172.34 121.823 173.157 122.588L192.572 140.783C193.424 141.581 193.467 142.919 192.669 143.771C192.253 144.215 191.69 144.439 191.126 144.439Z", fill: "#798295" }),
33057
- /* @__PURE__ */ (0, import_jsx_runtime254.jsx)("path", { d: "M264.954 212.204H230.865C229.989 212.204 229.279 211.494 229.279 210.618C229.279 209.743 229.989 209.033 230.865 209.033H264.954C265.83 209.033 266.54 209.743 266.54 210.618C266.54 211.494 265.83 212.204 264.954 212.204Z", fill: "#798295" }),
33058
- /* @__PURE__ */ (0, import_jsx_runtime254.jsx)("path", { d: "M112.806 212.204H80.0384C79.1628 212.204 78.4529 211.494 78.4529 210.618C78.4529 209.743 79.1628 209.033 80.0384 209.033H112.806C113.682 209.033 114.392 209.743 114.392 210.618C114.392 211.494 113.682 212.204 112.806 212.204Z", fill: "#798295" })
33077
+ /* @__PURE__ */ (0, import_jsx_runtime255.jsx)("path", { d: "M256.146 107.294C256.146 107.294 267.377 64.7481 227.738 51.0067C188.1 37.2653 159.572 58.7309 145.026 75.3184C129.963 92.4952 127.849 132.662 96.9308 140.326C66.0126 147.989 59.4329 170.861 62.313 186.571C65.2199 202.426 72.3548 210.618 107.501 210.618H231.174C231.174 210.618 270.548 216.961 278.476 197.406C286.404 177.85 276.362 168.337 259.978 154.596C243.594 140.854 243.594 131.077 249.143 122.356C254.693 113.636 256.146 107.294 256.146 107.294Z", fill: "#F1F4F9" }),
33078
+ /* @__PURE__ */ (0, import_jsx_runtime255.jsx)("path", { d: "M198.269 73.0502H132.422C125.722 73.0502 120.291 80.558 120.291 89.8194V194.831C120.291 204.092 125.722 211.6 132.422 211.6H211.249C217.949 211.6 223.38 204.092 223.38 194.831V100.978L198.269 73.0502Z", fill: "white" }),
33079
+ /* @__PURE__ */ (0, import_jsx_runtime255.jsx)("path", { d: "M201.273 78.2404C200.767 78.2404 200.262 78.0337 199.897 77.6275L197.444 74.8999H193.776C192.754 74.8999 191.926 74.0718 191.926 73.0501C191.926 72.0284 192.754 71.2003 193.776 71.2003H198.268C198.793 71.2003 199.293 71.4232 199.644 71.8132L202.648 75.1537C203.331 75.9135 203.269 77.083 202.509 77.7661C202.156 78.0839 201.714 78.2404 201.273 78.2404Z", fill: "#798295" }),
33080
+ /* @__PURE__ */ (0, import_jsx_runtime255.jsx)("path", { d: "M211.249 213.45H211.111C210.09 213.45 209.261 212.622 209.261 211.6C209.261 210.578 210.09 209.75 211.111 209.75H211.249C214.146 209.75 216.274 208.026 217.55 206.579C218.225 205.813 219.394 205.739 220.161 206.415C220.927 207.091 221.001 208.26 220.325 209.026C217.809 211.879 214.586 213.45 211.249 213.45ZM203.446 213.45H194.459C193.437 213.45 192.609 212.622 192.609 211.6C192.609 210.578 193.437 209.75 194.459 209.75H203.446C204.467 209.75 205.296 210.578 205.296 211.6C205.296 212.622 204.467 213.45 203.446 213.45ZM186.793 213.45H177.806C176.784 213.45 175.956 212.622 175.956 211.6C175.956 210.578 176.784 209.75 177.806 209.75H186.793C187.815 209.75 188.643 210.578 188.643 211.6C188.643 212.622 187.815 213.45 186.793 213.45ZM170.14 213.45H161.153C160.131 213.45 159.303 212.622 159.303 211.6C159.303 210.578 160.131 209.75 161.153 209.75H170.14C171.162 209.75 171.99 210.578 171.99 211.6C171.99 212.622 171.162 213.45 170.14 213.45ZM153.488 213.45H144.5C143.479 213.45 142.651 212.622 142.651 211.6C142.651 210.578 143.479 209.75 144.5 209.75H153.488C154.509 209.75 155.337 210.578 155.337 211.6C155.337 212.622 154.509 213.45 153.488 213.45ZM136.835 213.45H132.422C130.603 213.45 128.835 212.997 127.167 212.104C126.267 211.621 125.928 210.5 126.41 209.599C126.893 208.699 128.014 208.359 128.914 208.842C130.039 209.445 131.219 209.75 132.422 209.75H136.835C137.857 209.75 138.685 210.578 138.685 211.6C138.685 212.622 137.857 213.45 136.835 213.45ZM122.794 206.881C122.144 206.881 121.513 206.538 121.175 205.929C119.662 203.203 118.738 199.971 118.502 196.584C118.431 195.565 119.2 194.681 120.219 194.61C121.236 194.544 122.122 195.308 122.193 196.328C122.391 199.178 123.158 201.877 124.41 204.133C124.905 205.027 124.583 206.153 123.69 206.648C123.406 206.806 123.098 206.881 122.794 206.881ZM222.508 202.938C222.337 202.938 222.163 202.914 221.99 202.864C221.009 202.578 220.445 201.552 220.731 200.571C221.261 198.75 221.53 196.819 221.53 194.831V192.183C221.53 191.161 222.358 190.333 223.38 190.333C224.402 190.333 225.23 191.161 225.23 192.183V194.831C225.229 197.169 224.911 199.448 224.283 201.605C224.048 202.413 223.309 202.938 222.508 202.938ZM120.291 190.641C119.27 190.641 118.441 189.813 118.441 188.792V179.804C118.441 178.783 119.27 177.955 120.291 177.955C121.313 177.955 122.141 178.783 122.141 179.804V188.792C122.141 189.813 121.313 190.641 120.291 190.641ZM223.38 186.367C222.358 186.367 221.53 185.539 221.53 184.517V175.53C221.53 174.508 222.358 173.68 223.38 173.68C224.402 173.68 225.23 174.508 225.23 175.53V184.517C225.23 185.539 224.402 186.367 223.38 186.367ZM120.291 173.989C119.27 173.989 118.441 173.161 118.441 172.139V163.152C118.441 162.13 119.27 161.302 120.291 161.302C121.313 161.302 122.141 162.13 122.141 163.152V172.139C122.141 173.161 121.313 173.989 120.291 173.989ZM223.38 169.714C222.358 169.714 221.53 168.886 221.53 167.864V158.877C221.53 157.855 222.358 157.027 223.38 157.027C224.402 157.027 225.23 157.855 225.23 158.877V167.864C225.23 168.886 224.402 169.714 223.38 169.714ZM120.291 157.336C119.27 157.336 118.441 156.508 118.441 155.486V146.499C118.441 145.477 119.27 144.649 120.291 144.649C121.313 144.649 122.141 145.477 122.141 146.499V155.486C122.141 156.508 121.313 157.336 120.291 157.336ZM223.38 153.061C222.358 153.061 221.53 152.233 221.53 151.211V142.224C221.53 141.203 222.358 140.375 223.38 140.375C224.402 140.375 225.23 141.203 225.23 142.224V151.211C225.23 152.233 224.402 153.061 223.38 153.061ZM120.291 140.683C119.27 140.683 118.441 139.855 118.441 138.833V129.846C118.441 128.825 119.27 127.997 120.291 127.997C121.313 127.997 122.141 128.825 122.141 129.846V138.833C122.141 139.855 121.313 140.683 120.291 140.683ZM223.38 136.409C222.358 136.409 221.53 135.581 221.53 134.559V125.572C221.53 124.55 222.358 123.722 223.38 123.722C224.402 123.722 225.23 124.55 225.23 125.572V134.559C225.23 135.581 224.402 136.409 223.38 136.409ZM120.291 124.031C119.27 124.031 118.441 123.202 118.441 122.181V113.194C118.441 112.172 119.27 111.344 120.291 111.344C121.313 111.344 122.141 112.172 122.141 113.194V122.181C122.141 123.202 121.313 124.031 120.291 124.031ZM223.38 119.756C222.358 119.756 221.53 118.928 221.53 117.906V108.919C221.53 107.897 222.358 107.069 223.38 107.069C224.402 107.069 225.23 107.897 225.23 108.919V117.906C225.23 118.928 224.402 119.756 223.38 119.756ZM120.291 107.378C119.27 107.378 118.441 106.55 118.441 105.528V96.5409C118.441 95.5193 119.27 94.6911 120.291 94.6911C121.313 94.6911 122.141 95.5193 122.141 96.5409V105.528C122.141 106.55 121.313 107.378 120.291 107.378ZM223.38 103.103C222.537 103.103 221.825 102.539 221.603 101.768L216.18 95.7367C215.497 94.9771 215.559 93.8075 216.318 93.1244C217.078 92.4415 218.248 92.5033 218.931 93.2631L224.755 99.7411C225.061 100.081 225.23 100.521 225.23 100.978V101.253C225.23 102.275 224.402 103.103 223.38 103.103ZM120.312 90.7253C120.287 90.7253 120.262 90.7248 120.236 90.7239C119.215 90.683 118.421 89.8222 118.462 88.8015C118.597 85.4287 119.413 82.1733 120.823 79.3874C121.284 78.4757 122.396 78.1104 123.308 78.5715C124.22 79.0327 124.585 80.1455 124.124 81.0571C122.952 83.3736 122.273 86.1027 122.159 88.9496C122.119 89.9452 121.299 90.7253 120.312 90.7253ZM212.43 90.6496C211.924 90.6496 211.42 90.4429 211.054 90.0366L205.045 83.3536C204.362 82.594 204.425 81.4244 205.184 80.7413C205.944 80.0585 207.113 80.12 207.796 80.88L213.805 87.563C214.489 88.3226 214.426 89.4923 213.667 90.1753C213.313 90.4931 212.871 90.6496 212.43 90.6496ZM127.452 76.3686C126.834 76.3686 126.23 76.0589 125.88 75.4953C125.34 74.6277 125.606 73.487 126.474 72.9477C128.338 71.7883 130.34 71.2004 132.422 71.2004H136.152C137.174 71.2004 138.002 72.0286 138.002 73.0502C138.002 74.0719 137.174 74.9 136.152 74.9H132.422C131.041 74.9 129.697 75.3002 128.427 76.0893C128.123 76.2784 127.786 76.3686 127.452 76.3686ZM186.111 74.9H177.123C176.102 74.9 175.274 74.0719 175.274 73.0502C175.274 72.0286 176.102 71.2004 177.123 71.2004H186.111C187.132 71.2004 187.96 72.0286 187.96 73.0502C187.96 74.0719 187.132 74.9 186.111 74.9ZM169.458 74.9H160.471C159.449 74.9 158.621 74.0719 158.621 73.0502C158.621 72.0286 159.449 71.2004 160.471 71.2004H169.458C170.48 71.2004 171.308 72.0286 171.308 73.0502C171.308 74.0719 170.48 74.9 169.458 74.9ZM152.805 74.9H143.818C142.796 74.9 141.968 74.0719 141.968 73.0502C141.968 72.0286 142.796 71.2004 143.818 71.2004H152.805C153.827 71.2004 154.655 72.0286 154.655 73.0502C154.655 74.0719 153.827 74.9 152.805 74.9Z", fill: "#798295" }),
33081
+ /* @__PURE__ */ (0, import_jsx_runtime255.jsx)("path", { d: "M192.785 83.3351V99.2582C192.785 102.885 195.726 105.826 199.353 105.826H215.482", fill: "white" }),
33082
+ /* @__PURE__ */ (0, import_jsx_runtime255.jsx)("path", { d: "M215.39 107.676H206.406C205.384 107.676 204.556 106.848 204.556 105.826C204.556 104.804 205.384 103.976 206.406 103.976H215.39C216.412 103.976 217.24 104.804 217.24 105.826C217.24 106.848 216.412 107.676 215.39 107.676ZM198.745 107.648C198.689 107.648 198.632 107.645 198.574 107.64C194.611 107.275 191.419 104.139 190.986 100.183C190.874 99.1675 191.608 98.2541 192.623 98.1428C193.636 98.0331 194.552 98.7646 194.663 99.7801C194.906 101.996 196.693 103.752 198.913 103.956C199.93 104.049 200.679 104.95 200.585 105.967C200.497 106.927 199.691 107.648 198.745 107.648ZM192.785 94.1696C191.764 94.1696 190.936 93.3415 190.936 92.3198V83.335C190.936 82.3134 191.764 81.4852 192.785 81.4852C193.807 81.4852 194.635 82.3134 194.635 83.335V92.3198C194.635 93.3415 193.807 94.1696 192.785 94.1696Z", fill: "#798295" }),
33083
+ /* @__PURE__ */ (0, import_jsx_runtime255.jsx)("path", { d: "M189.911 178.207H154.776C153.609 178.207 152.662 177.261 152.662 176.093C152.662 174.926 153.609 173.979 154.776 173.979H189.911C191.078 173.979 192.025 174.926 192.025 176.093C192.025 177.261 191.078 178.207 189.911 178.207Z", fill: "#798295" }),
33084
+ /* @__PURE__ */ (0, import_jsx_runtime255.jsx)("path", { d: "M171.711 166.32C170.544 166.32 169.597 165.373 169.597 164.206V124.131C169.597 122.963 170.544 122.017 171.711 122.017C172.878 122.017 173.825 122.963 173.825 124.131V164.206C173.825 165.373 172.878 166.32 171.711 166.32Z", fill: "#798295" }),
33085
+ /* @__PURE__ */ (0, import_jsx_runtime255.jsx)("path", { d: "M191.126 144.439C190.608 144.439 190.089 144.25 189.681 143.868L171.72 127.037L154 143.858C153.154 144.662 151.815 144.628 151.012 143.781C150.208 142.934 150.243 141.596 151.089 140.792L170.256 122.597C171.068 121.827 172.34 121.823 173.157 122.588L192.572 140.783C193.424 141.581 193.467 142.919 192.669 143.771C192.253 144.215 191.69 144.439 191.126 144.439Z", fill: "#798295" }),
33086
+ /* @__PURE__ */ (0, import_jsx_runtime255.jsx)("path", { d: "M264.954 212.204H230.865C229.989 212.204 229.279 211.494 229.279 210.618C229.279 209.743 229.989 209.033 230.865 209.033H264.954C265.83 209.033 266.54 209.743 266.54 210.618C266.54 211.494 265.83 212.204 264.954 212.204Z", fill: "#798295" }),
33087
+ /* @__PURE__ */ (0, import_jsx_runtime255.jsx)("path", { d: "M112.806 212.204H80.0384C79.1628 212.204 78.4529 211.494 78.4529 210.618C78.4529 209.743 79.1628 209.033 80.0384 209.033H112.806C113.682 209.033 114.392 209.743 114.392 210.618C114.392 211.494 113.682 212.204 112.806 212.204Z", fill: "#798295" })
33059
33088
  ] });
33060
33089
  }
33061
33090
 
33062
33091
  // src/layouts/SideNavLayout/SideNavLayout.tsx
33063
- var import_runtime164 = require("@homebound/truss/runtime");
33064
- var import_jsx_runtime255 = require("react/jsx-runtime");
33092
+ var import_runtime165 = require("@homebound/truss/runtime");
33093
+ var import_jsx_runtime256 = require("react/jsx-runtime");
33065
33094
  var __maybeInc29 = (inc) => {
33066
33095
  return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
33067
33096
  };
33068
33097
  function SideNavLayout(props) {
33069
33098
  const hasProvider = useHasSideNavLayoutProvider();
33070
- if (hasProvider) return /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(SideNavLayoutContent, { ...props });
33071
- return /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(SideNavLayoutProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(SideNavLayoutContent, { ...props }) });
33099
+ if (hasProvider) return /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(SideNavLayoutContent, { ...props });
33100
+ return /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(SideNavLayoutProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(SideNavLayoutContent, { ...props }) });
33072
33101
  }
33073
33102
  function SideNavLayoutContent(props) {
33074
33103
  const {
@@ -33091,7 +33120,7 @@ function SideNavLayoutContent(props) {
33091
33120
  const railOffsetPx = !showRail ? 0 : !bp.mdAndUp || collapsed ? railCollapsedWidthPx : railWidthPx;
33092
33121
  const navTop = belowNavbarOffset();
33093
33122
  const railViewportHeight = `calc(var(${beamLayoutViewportHeightVar}, 100vh) - var(${beamEnvironmentBannerLayoutHeightVar}, 0px) - var(${beamNavbarLayoutHeightVar}, 0px))`;
33094
- const rail = showRail && /* @__PURE__ */ (0, import_jsx_runtime255.jsxs)("div", { ...(0, import_runtime164.trussProps)({
33123
+ const rail = showRail && /* @__PURE__ */ (0, import_jsx_runtime256.jsxs)("div", { ...(0, import_runtime165.trussProps)({
33095
33124
  ...{
33096
33125
  display: "df",
33097
33126
  flexDirection: "fdc",
@@ -33115,14 +33144,14 @@ function SideNavLayoutContent(props) {
33115
33144
  position: "sticky",
33116
33145
  left: "l_0",
33117
33146
  zIndex: ["z_var", {
33118
- "--zIndex": (0, import_runtime164.maybeCssVar)(zIndices.sideNav)
33147
+ "--zIndex": (0, import_runtime165.maybeCssVar)(zIndices.sideNav)
33119
33148
  }],
33120
33149
  top: ["top_var", {
33121
- "--top": (0, import_runtime164.maybeCssVar)(__maybeInc29(navTop))
33150
+ "--top": (0, import_runtime165.maybeCssVar)(__maybeInc29(navTop))
33122
33151
  }],
33123
33152
  alignSelf: "asfs",
33124
33153
  height: ["h_var", {
33125
- "--height": (0, import_runtime164.maybeCssVar)(__maybeInc29(railViewportHeight))
33154
+ "--height": (0, import_runtime165.maybeCssVar)(__maybeInc29(railViewportHeight))
33126
33155
  }],
33127
33156
  width: ["w_var", {
33128
33157
  "--width": `${collapsed ? railCollapsedWidthPx : railWidthPx}px`
@@ -33132,11 +33161,11 @@ function SideNavLayoutContent(props) {
33132
33161
  position: "fixed",
33133
33162
  left: "l_0",
33134
33163
  top: ["top_var", {
33135
- "--top": (0, import_runtime164.maybeCssVar)(__maybeInc29(navTop))
33164
+ "--top": (0, import_runtime165.maybeCssVar)(__maybeInc29(navTop))
33136
33165
  }],
33137
33166
  bottom: "bot_0",
33138
33167
  zIndex: ["z_var", {
33139
- "--zIndex": (0, import_runtime164.maybeCssVar)(zIndices.sideNav)
33168
+ "--zIndex": (0, import_runtime165.maybeCssVar)(zIndices.sideNav)
33140
33169
  }]
33141
33170
  },
33142
33171
  ...collapsed ? {
@@ -33148,18 +33177,18 @@ function SideNavLayoutContent(props) {
33148
33177
  }
33149
33178
  }
33150
33179
  }), ...tid.sideNav, children: [
33151
- showCollapseToggle && /* @__PURE__ */ (0, import_jsx_runtime255.jsx)("div", { className: "absolute r_2 top2 z2", children: /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(IconButton, { icon: collapsed ? "menuOpen" : "menuClose", label: collapsed ? "Expand navigation" : "Collapse navigation", onClick: () => setNavState(collapsed ? "expanded" : "collapse"), ...tid.toggle }) }),
33152
- /* @__PURE__ */ (0, import_jsx_runtime255.jsx)("div", { className: "fg1 mh0 df fdc", ...tid.sideNavContent, children: /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(SideNav, { ...sideNav }) })
33180
+ showCollapseToggle && /* @__PURE__ */ (0, import_jsx_runtime256.jsx)("div", { className: "absolute r_2 top2 z2", children: /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(IconButton, { icon: collapsed ? "menuOpen" : "menuClose", label: collapsed ? "Expand navigation" : "Collapse navigation", onClick: () => setNavState(collapsed ? "expanded" : "collapse"), ...tid.toggle }) }),
33181
+ /* @__PURE__ */ (0, import_jsx_runtime256.jsx)("div", { className: "fg1 mh0 df fdc", ...tid.sideNavContent, children: /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(SideNav, { ...sideNav }) })
33153
33182
  ] });
33154
- return /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime255.jsxs)("div", { ...(0, import_runtime164.mergeProps)(void 0, {
33183
+ return /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime256.jsxs)("div", { ...(0, import_runtime165.mergeProps)(void 0, {
33155
33184
  [beamSideNavLayoutWidthVar]: `${railOffsetPx}px`
33156
33185
  }, {
33157
33186
  display: "df",
33158
33187
  flexDirection: "fdr",
33159
33188
  width: "w100"
33160
33189
  }), ...tid, children: [
33161
- contrastRail ? /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(ContrastScope, { children: rail }) : rail,
33162
- /* @__PURE__ */ (0, import_jsx_runtime255.jsx)("div", { ...(0, import_runtime164.trussProps)({
33190
+ contrastRail ? /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(ContrastScope, { children: rail }) : rail,
33191
+ /* @__PURE__ */ (0, import_jsx_runtime256.jsx)("div", { ...(0, import_runtime165.trussProps)({
33163
33192
  display: "df",
33164
33193
  flexDirection: "fdc",
33165
33194
  flexGrow: "fg1",
@@ -33175,8 +33204,8 @@ function SideNavLayoutContent(props) {
33175
33204
  }
33176
33205
 
33177
33206
  // src/layouts/CenteredLayout/CenteredLayout.tsx
33178
- var import_runtime165 = require("@homebound/truss/runtime");
33179
- var import_jsx_runtime256 = require("react/jsx-runtime");
33207
+ var import_runtime166 = require("@homebound/truss/runtime");
33208
+ var import_jsx_runtime257 = require("react/jsx-runtime");
33180
33209
  function CenteredLayout(props) {
33181
33210
  const {
33182
33211
  size,
@@ -33188,7 +33217,7 @@ function CenteredLayout(props) {
33188
33217
  mdAndUp
33189
33218
  } = useBreakpoint();
33190
33219
  const rightPane = resolveWithRightPaneOptions(withRightPane);
33191
- const shell = /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(ContentInsetProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime256.jsx)("div", { ...(0, import_runtime165.mergeProps)(void 0, {
33220
+ const shell = /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(ContentInsetProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime257.jsx)("div", { ...(0, import_runtime166.mergeProps)(void 0, {
33192
33221
  // layoutContainer descendants (e.g. ContentHeader) read this to inset sticky horizontal chrome within the shell padding.
33193
33222
  [beamLayoutContentPaddingXVar]: mdAndUp ? pageContentPaddingXValue : smPageContentPaddingXValue,
33194
33223
  // Floor while an ancestor overlay pane is open (`0px` when closed). `md+` only — phones must not get a dummy scrollbar.
@@ -33207,7 +33236,7 @@ function CenteredLayout(props) {
33207
33236
  ...pageContentPaddingX
33208
33237
  }), ...tid, children }) });
33209
33238
  if (!rightPane) return shell;
33210
- return /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(DocumentScrollOverlayRightPaneLayout, { paneWidth: rightPane.width, children: shell });
33239
+ return /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(DocumentScrollOverlayRightPaneLayout, { paneWidth: rightPane.width, children: shell });
33211
33240
  }
33212
33241
  var centeredContentMaxPx = {
33213
33242
  sm: 720,
@@ -33220,8 +33249,8 @@ var centeredShellMaxPx = {
33220
33249
  };
33221
33250
 
33222
33251
  // src/layouts/EnvironmentBannerLayout/EnvironmentBannerLayout.tsx
33223
- var import_runtime166 = require("@homebound/truss/runtime");
33224
- var import_jsx_runtime257 = require("react/jsx-runtime");
33252
+ var import_runtime167 = require("@homebound/truss/runtime");
33253
+ var import_jsx_runtime258 = require("react/jsx-runtime");
33225
33254
  var __maybeInc30 = (inc) => {
33226
33255
  return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
33227
33256
  };
@@ -33237,45 +33266,45 @@ function EnvironmentBannerLayout(props) {
33237
33266
  [beamEnvironmentBannerLayoutHeightVar]: `${bannerHeightPx}px`
33238
33267
  };
33239
33268
  const innerWidth = `var(${beamLayoutViewportWidthVar}, 100vw)`;
33240
- return /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(EnvironmentBannerLayoutHeightProvider, { value: bannerHeightPx, children: /* @__PURE__ */ (0, import_jsx_runtime257.jsxs)("div", { ...(0, import_runtime166.mergeProps)(void 0, style, {
33269
+ return /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(EnvironmentBannerLayoutHeightProvider, { value: bannerHeightPx, children: /* @__PURE__ */ (0, import_jsx_runtime258.jsxs)("div", { ...(0, import_runtime167.mergeProps)(void 0, style, {
33241
33270
  display: "df",
33242
33271
  flexDirection: "fdc",
33243
33272
  width: "wfc",
33244
33273
  minWidth: "mw100"
33245
33274
  }), ...tid, children: [
33246
- showBanner && environmentBanner && /* @__PURE__ */ (0, import_jsx_runtime257.jsx)("div", { ...(0, import_runtime166.mergeProps)(void 0, {
33275
+ showBanner && environmentBanner && /* @__PURE__ */ (0, import_jsx_runtime258.jsx)("div", { ...(0, import_runtime167.mergeProps)(void 0, {
33247
33276
  height: environmentBannerSizePx
33248
33277
  }, {
33249
33278
  flexShrink: "fs0",
33250
33279
  width: "w100"
33251
- }), children: /* @__PURE__ */ (0, import_jsx_runtime257.jsx)("div", { ...(0, import_runtime166.trussProps)({
33280
+ }), children: /* @__PURE__ */ (0, import_jsx_runtime258.jsx)("div", { ...(0, import_runtime167.trussProps)({
33252
33281
  position: "fixed",
33253
33282
  top: "top0",
33254
33283
  left: "l_0",
33255
33284
  zIndex: ["z_var", {
33256
- "--zIndex": (0, import_runtime166.maybeCssVar)(zIndices.environmentBanner)
33285
+ "--zIndex": (0, import_runtime167.maybeCssVar)(zIndices.environmentBanner)
33257
33286
  }],
33258
33287
  width: ["w_var", {
33259
- "--width": (0, import_runtime166.maybeCssVar)(__maybeInc30(innerWidth))
33288
+ "--width": (0, import_runtime167.maybeCssVar)(__maybeInc30(innerWidth))
33260
33289
  }]
33261
- }), ...tid.bannerSticky, children: /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(EnvironmentBanner, { ...environmentBanner, ...tid.environmentBanner }) }) }),
33290
+ }), ...tid.bannerSticky, children: /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(EnvironmentBanner, { ...environmentBanner, ...tid.environmentBanner }) }) }),
33262
33291
  children
33263
33292
  ] }) }) });
33264
33293
  }
33265
33294
 
33266
33295
  // src/layouts/FormSectionLayout/FormSectionLayout.tsx
33267
- var import_runtime170 = require("@homebound/truss/runtime");
33296
+ var import_runtime171 = require("@homebound/truss/runtime");
33268
33297
 
33269
33298
  // src/forms/FormSection/FormSection.tsx
33270
33299
  var import_react_aria77 = require("react-aria");
33271
33300
  var import_react_stately19 = require("react-stately");
33272
- var import_runtime168 = require("@homebound/truss/runtime");
33301
+ var import_runtime169 = require("@homebound/truss/runtime");
33273
33302
 
33274
33303
  // src/forms/FormSection/FormSectionChild.tsx
33275
33304
  var import_react174 = require("react");
33276
33305
  var import_react_aria76 = require("react-aria");
33277
- var import_runtime167 = require("@homebound/truss/runtime");
33278
- var import_jsx_runtime258 = require("react/jsx-runtime");
33306
+ var import_runtime168 = require("@homebound/truss/runtime");
33307
+ var import_jsx_runtime259 = require("react/jsx-runtime");
33279
33308
  function FormSectionChild(props) {
33280
33309
  const {
33281
33310
  title,
@@ -33298,11 +33327,11 @@ function FormSectionChild(props) {
33298
33327
  id: props.id ?? title,
33299
33328
  itemRef
33300
33329
  });
33301
- const control = group?.mode === "single" ? /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(FormSectionChildRadio, { state: group.state, value, label: title, ...tid.radio }) : group?.mode === "multiple" ? /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(FormSectionChildCheckbox, { state: group.state, value, label: title, ...tid.checkbox }) : selection ? /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(BoundCheckboxField, { field: selection.field, label: title, checkboxOnly: true, ...tid.checkbox }) : void 0;
33302
- return /* @__PURE__ */ (0, import_jsx_runtime258.jsxs)("div", { ...isDraggable ? {
33330
+ const control = group?.mode === "single" ? /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(FormSectionChildRadio, { state: group.state, value, label: title, ...tid.radio }) : group?.mode === "multiple" ? /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(FormSectionChildCheckbox, { state: group.state, value, label: title, ...tid.checkbox }) : selection ? /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(BoundCheckboxField, { field: selection.field, label: title, checkboxOnly: true, ...tid.checkbox }) : void 0;
33331
+ return /* @__PURE__ */ (0, import_jsx_runtime259.jsxs)("div", { ...isDraggable ? {
33303
33332
  ...dragItemProps,
33304
33333
  ref: itemRef
33305
- } : {}, ...(0, import_runtime167.trussProps)({
33334
+ } : {}, ...(0, import_runtime168.trussProps)({
33306
33335
  display: "df",
33307
33336
  flexDirection: "fdc",
33308
33337
  gap: "g_2",
@@ -33318,8 +33347,8 @@ function FormSectionChild(props) {
33318
33347
  borderStyle: "lot_bsn",
33319
33348
  borderWidth: "lot_bw_0"
33320
33349
  }), ...tid, children: [
33321
- /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(ContentHeader, { ...tid.header, title, description, actions, level: 4, rightSlotLead: tag && /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(Tag, { ...tag, ...tid.tag }), startAdornment: isDraggable || control ? /* @__PURE__ */ (0, import_jsx_runtime258.jsxs)(import_jsx_runtime258.Fragment, { children: [
33322
- isDraggable && /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(DnDGridItemHandle, { dragHandleProps, icon: "drag", compact: true }),
33350
+ /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(ContentHeader, { ...tid.header, title, description, actions, level: 4, rightSlotLead: tag && /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(Tag, { ...tag, ...tid.tag }), startAdornment: isDraggable || control ? /* @__PURE__ */ (0, import_jsx_runtime259.jsxs)(import_jsx_runtime259.Fragment, { children: [
33351
+ isDraggable && /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(DnDGridItemHandle, { dragHandleProps, icon: "drag", compact: true }),
33323
33352
  control
33324
33353
  ] }) : void 0 }),
33325
33354
  fields
@@ -33345,7 +33374,7 @@ function FormSectionChildRadio(props) {
33345
33374
  isFocusVisible
33346
33375
  } = (0, import_react_aria76.useFocusRing)();
33347
33376
  const tid = useTestIds(props);
33348
- return /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(StyledRadio, { isDisabled, isSelected, isFocusVisible, inputProps: {
33377
+ return /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(StyledRadio, { isDisabled, isSelected, isFocusVisible, inputProps: {
33349
33378
  ...(0, import_react_aria76.mergeProps)(inputProps, focusProps),
33350
33379
  ref,
33351
33380
  ...tid
@@ -33373,21 +33402,21 @@ function FormSectionChildCheckbox(props) {
33373
33402
  const tid = useTestIds(props);
33374
33403
  return (
33375
33404
  // `StyledCheckbox` is just the visual box, so the label makes clicking it toggle the hidden input
33376
- /* @__PURE__ */ (0, import_jsx_runtime258.jsxs)("label", { ...(0, import_runtime167.trussProps)({
33405
+ /* @__PURE__ */ (0, import_jsx_runtime259.jsxs)("label", { ...(0, import_runtime168.trussProps)({
33377
33406
  display: "df",
33378
33407
  cursor: "cur_pointer",
33379
33408
  ...isDisabled ? {
33380
33409
  cursor: "cur_not_allowed"
33381
33410
  } : {}
33382
33411
  }), children: [
33383
- /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(import_react_aria76.VisuallyHidden, { children: /* @__PURE__ */ (0, import_jsx_runtime258.jsx)("input", { ref, ...(0, import_react_aria76.mergeProps)(inputProps, focusProps), ...tid }) }),
33384
- /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(StyledCheckbox, { isDisabled, isSelected, isFocusVisible })
33412
+ /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(import_react_aria76.VisuallyHidden, { children: /* @__PURE__ */ (0, import_jsx_runtime259.jsx)("input", { ref, ...(0, import_react_aria76.mergeProps)(inputProps, focusProps), ...tid }) }),
33413
+ /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(StyledCheckbox, { isDisabled, isSelected, isFocusVisible })
33385
33414
  ] })
33386
33415
  );
33387
33416
  }
33388
33417
 
33389
33418
  // src/forms/FormSection/FormSection.tsx
33390
- var import_jsx_runtime259 = require("react/jsx-runtime");
33419
+ var import_jsx_runtime260 = require("react/jsx-runtime");
33391
33420
  function FormSection(props) {
33392
33421
  const {
33393
33422
  title,
@@ -33398,17 +33427,17 @@ function FormSection(props) {
33398
33427
  selection
33399
33428
  } = props;
33400
33429
  const tid = useTestIds(props, "formSection");
33401
- return /* @__PURE__ */ (0, import_jsx_runtime259.jsxs)("div", { id: defaultTestId(title), ...(0, import_runtime168.trussProps)({
33430
+ return /* @__PURE__ */ (0, import_jsx_runtime260.jsxs)("div", { id: defaultTestId(title), ...(0, import_runtime169.trussProps)({
33402
33431
  display: "df",
33403
33432
  flexDirection: "fdc",
33404
33433
  gap: "g_2",
33405
33434
  scrollMarginTop: ["scrollMarginTop_var", {
33406
- "--scrollMarginTop": (0, import_runtime168.maybeCssVar)(stickyNavAndHeaderOffset())
33435
+ "--scrollMarginTop": (0, import_runtime169.maybeCssVar)(stickyNavAndHeaderOffset())
33407
33436
  }]
33408
33437
  }), ...tid.section, children: [
33409
- /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(ContentHeader, { ...tid, title, description, actions, level: 3 }),
33438
+ /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(ContentHeader, { ...tid, title, description, actions, level: 3 }),
33410
33439
  fields,
33411
- childSections && (selection?.mode === "single" ? /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(FormSectionRadioGroup, { field: selection.field, label: title, childSections, ...tid }) : selection?.mode === "multiple" ? /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(FormSectionCheckboxGroup, { field: selection.field, label: title, childSections, ...tid }) : /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(ChildSectionList, { childSections, ...tid.childSection }))
33440
+ childSections && (selection?.mode === "single" ? /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(FormSectionRadioGroup, { field: selection.field, label: title, childSections, ...tid }) : selection?.mode === "multiple" ? /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(FormSectionCheckboxGroup, { field: selection.field, label: title, childSections, ...tid }) : /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(ChildSectionList, { childSections, ...tid.childSection }))
33412
33441
  ] });
33413
33442
  }
33414
33443
  function FormSectionRadioGroup(props) {
@@ -33441,7 +33470,7 @@ function FormSectionRadioGroup(props) {
33441
33470
  onFocus: () => field.focus(),
33442
33471
  onBlur: () => field.blur()
33443
33472
  }, state);
33444
- return /* @__PURE__ */ (0, import_jsx_runtime259.jsx)("div", { ...radioGroupProps, ...tid.childGroup, children: /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(ChildSectionList, { childSections, group: {
33473
+ return /* @__PURE__ */ (0, import_jsx_runtime260.jsx)("div", { ...radioGroupProps, ...tid.childGroup, children: /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(ChildSectionList, { childSections, group: {
33445
33474
  mode: "single",
33446
33475
  state
33447
33476
  }, ...tid.childSection }) });
@@ -33476,7 +33505,7 @@ function FormSectionCheckboxGroup(props) {
33476
33505
  onFocus: () => field.focus(),
33477
33506
  onBlur: () => field.blur()
33478
33507
  }, state);
33479
- return /* @__PURE__ */ (0, import_jsx_runtime259.jsx)("div", { ...groupProps, ...tid.childGroup, children: /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(ChildSectionList, { childSections, group: {
33508
+ return /* @__PURE__ */ (0, import_jsx_runtime260.jsx)("div", { ...groupProps, ...tid.childGroup, children: /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(ChildSectionList, { childSections, group: {
33480
33509
  mode: "multiple",
33481
33510
  state
33482
33511
  }, ...tid.childSection }) });
@@ -33487,7 +33516,7 @@ function ChildSectionList(props) {
33487
33516
  group,
33488
33517
  ...tid
33489
33518
  } = props;
33490
- return isReorderable(childSections) ? /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(DraggableChildren, { childSections, group, ...tid }) : /* @__PURE__ */ (0, import_jsx_runtime259.jsx)("div", { className: "df fdc g_3", children: childSections.map((child) => /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(FormSectionChild, { ...child, group, ...tid }, child.id ?? child.title)) });
33519
+ return isReorderable(childSections) ? /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(DraggableChildren, { childSections, group, ...tid }) : /* @__PURE__ */ (0, import_jsx_runtime260.jsx)("div", { className: "df fdc g_3", children: childSections.map((child) => /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(FormSectionChild, { ...child, group, ...tid }, child.id ?? child.title)) });
33491
33520
  }
33492
33521
  function isReorderable(childSections) {
33493
33522
  return childSections.length > 0 && childSections.every((c) => !!c.orderField);
@@ -33510,18 +33539,18 @@ function DraggableChildren(props) {
33510
33539
  }
33511
33540
  });
33512
33541
  };
33513
- return /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(DnDGrid, { onReorder: handleReorder, lockAxis: "y", gridStyles: {
33542
+ return /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(DnDGrid, { onReorder: handleReorder, lockAxis: "y", gridStyles: {
33514
33543
  gridTemplateColumns: "gtc_minmax_0_1fr",
33515
33544
  gap: "g_3"
33516
- }, children: sorted.map((child) => /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(FormSectionChild, { ...child, group, ...tid }, child.id)) });
33545
+ }, children: sorted.map((child) => /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(FormSectionChild, { ...child, group, ...tid }, child.id)) });
33517
33546
  }
33518
33547
  function sortByOrderField(childSections) {
33519
33548
  return [...childSections].sort((a, b) => (a.orderField.value ?? 0) - (b.orderField.value ?? 0));
33520
33549
  }
33521
33550
 
33522
33551
  // src/layouts/FormSectionLayout/JumpLinksRail.tsx
33523
- var import_runtime169 = require("@homebound/truss/runtime");
33524
- var import_jsx_runtime260 = require("react/jsx-runtime");
33552
+ var import_runtime170 = require("@homebound/truss/runtime");
33553
+ var import_jsx_runtime261 = require("react/jsx-runtime");
33525
33554
  var __maybeInc31 = (inc) => {
33526
33555
  return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
33527
33556
  };
@@ -33531,7 +33560,7 @@ function JumpLinksRail(props) {
33531
33560
  activeId
33532
33561
  } = props;
33533
33562
  const tid = useTestIds(props, "jumpLinks");
33534
- return /* @__PURE__ */ (0, import_jsx_runtime260.jsx)("nav", { ...(0, import_runtime169.trussProps)({
33563
+ return /* @__PURE__ */ (0, import_jsx_runtime261.jsx)("nav", { ...(0, import_runtime170.trussProps)({
33535
33564
  display: "df",
33536
33565
  flexDirection: "fdc",
33537
33566
  flexShrink: "fs0",
@@ -33541,9 +33570,9 @@ function JumpLinksRail(props) {
33541
33570
  position: "sticky",
33542
33571
  alignSelf: "asfs",
33543
33572
  top: ["top_var", {
33544
- "--top": (0, import_runtime169.maybeCssVar)(__maybeInc31(stickyNavAndHeaderOffset()))
33573
+ "--top": (0, import_runtime170.maybeCssVar)(__maybeInc31(stickyNavAndHeaderOffset()))
33545
33574
  }]
33546
- }), ...tid, children: links.map((link) => /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(JumpLink, { label: link.label, href: `#${link.id}`, active: link.id === activeId, ...tid.link }, link.id)) });
33575
+ }), ...tid, children: links.map((link) => /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(JumpLink, { label: link.label, href: `#${link.id}`, active: link.id === activeId, ...tid.link }, link.id)) });
33547
33576
  }
33548
33577
  var jumpLinksRailWidthPx = 192;
33549
33578
  var railAndShellPx = centeredShellMaxPx.sm + jumpLinksRailWidthPx;
@@ -33579,7 +33608,7 @@ function useActiveJumpLink(sectionIds) {
33579
33608
  }
33580
33609
 
33581
33610
  // src/layouts/FormSectionLayout/FormSectionLayout.tsx
33582
- var import_jsx_runtime261 = require("react/jsx-runtime");
33611
+ var import_jsx_runtime262 = require("react/jsx-runtime");
33583
33612
  var __maybeInc32 = (inc) => {
33584
33613
  return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
33585
33614
  };
@@ -33616,7 +33645,7 @@ function FormSectionLayout(props) {
33616
33645
  }] : [], ...sectionLinks];
33617
33646
  const showRail = withJumpLinks && jumpLinks.length >= 2 && !isMobile;
33618
33647
  const activeId = useActiveJumpLink(showRail ? jumpLinks.map((link) => link.id) : []);
33619
- const content2 = /* @__PURE__ */ (0, import_jsx_runtime261.jsxs)("div", { ...(0, import_runtime170.trussProps)({
33648
+ const content2 = /* @__PURE__ */ (0, import_jsx_runtime262.jsxs)("div", { ...(0, import_runtime171.trussProps)({
33620
33649
  display: "df",
33621
33650
  flexDirection: "fdc",
33622
33651
  gap: "g_8",
@@ -33627,33 +33656,33 @@ function FormSectionLayout(props) {
33627
33656
  paddingLeft: "pl3"
33628
33657
  } : {}
33629
33658
  }), children: [
33630
- /* @__PURE__ */ (0, import_jsx_runtime261.jsxs)("div", { id: titleAnchor ? formSectionLayoutTitleId : void 0, ...(0, import_runtime170.trussProps)({
33659
+ /* @__PURE__ */ (0, import_jsx_runtime262.jsxs)("div", { id: titleAnchor ? formSectionLayoutTitleId : void 0, ...(0, import_runtime171.trussProps)({
33631
33660
  display: "df",
33632
33661
  flexDirection: "fdc",
33633
33662
  gap: "g_3",
33634
33663
  ...titleAnchor ? {
33635
33664
  scrollMarginTop: ["scrollMarginTop_var", {
33636
- "--scrollMarginTop": (0, import_runtime170.maybeCssVar)(stickyNavAndHeaderOffset())
33665
+ "--scrollMarginTop": (0, import_runtime171.maybeCssVar)(stickyNavAndHeaderOffset())
33637
33666
  }]
33638
33667
  } : {}
33639
33668
  }), children: [
33640
- /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(ContentHeader, { ...tid, title, description, actions, withAutoSave, level: 2, aiMode }),
33669
+ /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(ContentHeader, { ...tid, title, description, actions, withAutoSave, level: 2, aiMode }),
33641
33670
  initialFields
33642
33671
  ] }),
33643
- sections && /* @__PURE__ */ (0, import_jsx_runtime261.jsx)("div", { className: "df fdc g_8", children: sections.map((section, i) => /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(FormSection, { ...section }, defaultTestId(section.title) || i)) })
33672
+ sections && /* @__PURE__ */ (0, import_jsx_runtime262.jsx)("div", { className: "df fdc g_8", children: sections.map((section, i) => /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(FormSection, { ...section }, defaultTestId(section.title) || i)) })
33644
33673
  ] });
33645
- const form = /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(CenteredLayout, { size: "sm", children: aiMode ? /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(AiCard, { size: "lg", ...tid, children: content2 }) : content2 });
33646
- const body = showRail ? /* @__PURE__ */ (0, import_jsx_runtime261.jsxs)("div", { className: "df w100 mb4", children: [
33647
- /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(JumpLinksRail, { links: jumpLinks, activeId, ...tid.jumpLinks }),
33648
- /* @__PURE__ */ (0, import_jsx_runtime261.jsx)("div", { ...(0, import_runtime170.trussProps)({
33674
+ const form = /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(CenteredLayout, { size: "sm", children: aiMode ? /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(AiCard, { size: "lg", ...tid, children: content2 }) : content2 });
33675
+ const body = showRail ? /* @__PURE__ */ (0, import_jsx_runtime262.jsxs)("div", { className: "df w100 mb4", children: [
33676
+ /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(JumpLinksRail, { links: jumpLinks, activeId, ...tid.jumpLinks }),
33677
+ /* @__PURE__ */ (0, import_jsx_runtime262.jsx)("div", { ...(0, import_runtime171.trussProps)({
33649
33678
  flexGrow: "fg1",
33650
33679
  marginRight: ["mr_var", {
33651
- "--marginRight": (0, import_runtime170.maybeCssVar)(__maybeInc32(jumpLinksRailReservation))
33680
+ "--marginRight": (0, import_runtime171.maybeCssVar)(__maybeInc32(jumpLinksRailReservation))
33652
33681
  }]
33653
33682
  }), ...tid.column, children: form })
33654
- ] }) : /* @__PURE__ */ (0, import_jsx_runtime261.jsx)("div", { className: "mb4", children: form });
33683
+ ] }) : /* @__PURE__ */ (0, import_jsx_runtime262.jsx)("div", { className: "mb4", children: form });
33655
33684
  if (!rightPane) return body;
33656
- return /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(DocumentScrollOverlayRightPaneLayout, { paneWidth: rightPane.width, children: body });
33685
+ return /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(DocumentScrollOverlayRightPaneLayout, { paneWidth: rightPane.width, children: body });
33657
33686
  }
33658
33687
 
33659
33688
  // src/layouts/PageBanner/usePageBanner.tsx
@@ -33712,7 +33741,7 @@ function PageBanner(props) {
33712
33741
 
33713
33742
  // src/layouts/NavbarLayout/NavbarLayout.tsx
33714
33743
  var import_react181 = require("react");
33715
- var import_runtime171 = require("@homebound/truss/runtime");
33744
+ var import_runtime172 = require("@homebound/truss/runtime");
33716
33745
 
33717
33746
  // src/layouts/useAutoHideOnScroll.ts
33718
33747
  var import_react177 = require("react");
@@ -33827,17 +33856,17 @@ function useTransitionAfterPaint(ref, transition) {
33827
33856
 
33828
33857
  // src/layouts/NavbarLayout/NavbarLayoutHeightContext.tsx
33829
33858
  var import_react180 = require("react");
33830
- var import_jsx_runtime262 = require("react/jsx-runtime");
33859
+ var import_jsx_runtime263 = require("react/jsx-runtime");
33831
33860
  var NavbarLayoutHeightContext = (0, import_react180.createContext)(0);
33832
33861
  function NavbarLayoutHeightProvider({ value, children }) {
33833
- return /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(NavbarLayoutHeightContext.Provider, { value, children });
33862
+ return /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(NavbarLayoutHeightContext.Provider, { value, children });
33834
33863
  }
33835
33864
  function useNavbarLayoutHeight() {
33836
33865
  return (0, import_react180.useContext)(NavbarLayoutHeightContext);
33837
33866
  }
33838
33867
 
33839
33868
  // src/layouts/NavbarLayout/NavbarLayout.tsx
33840
- var import_jsx_runtime263 = require("react/jsx-runtime");
33869
+ var import_jsx_runtime264 = require("react/jsx-runtime");
33841
33870
  var __maybeInc33 = (inc) => {
33842
33871
  return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
33843
33872
  };
@@ -33863,10 +33892,10 @@ function NavbarLayout(props) {
33863
33892
  position: "fixed",
33864
33893
  left: "l_0",
33865
33894
  zIndex: ["z_var", {
33866
- "--zIndex": (0, import_runtime171.maybeCssVar)(zIndices.navbar)
33895
+ "--zIndex": (0, import_runtime172.maybeCssVar)(zIndices.navbar)
33867
33896
  }],
33868
33897
  width: ["w_var", {
33869
- "--width": (0, import_runtime171.maybeCssVar)(__maybeInc33(innerWidth))
33898
+ "--width": (0, import_runtime172.maybeCssVar)(__maybeInc33(innerWidth))
33870
33899
  }]
33871
33900
  };
33872
33901
  useTransitionAfterPaint(navMetricsRef, "top 200ms cubic-bezier(0.4, 0, 0.2, 1)");
@@ -33874,20 +33903,20 @@ function NavbarLayout(props) {
33874
33903
  const innerStyle = {
33875
33904
  top: autoHideState === "hidden" ? `calc(${bannerTop} - ${navHeight}px)` : bannerTop
33876
33905
  };
33877
- const navbarEl = (0, import_react181.useMemo)(() => /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(Navbar, { ...navbar }), [navbar]);
33878
- return /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(NavbarLayoutHeightProvider, { value: navbarOffsetPx, children: /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(MobileSubNavProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime263.jsxs)("div", { ...(0, import_runtime171.mergeProps)(void 0, cssVars, {
33906
+ const navbarEl = (0, import_react181.useMemo)(() => /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(Navbar, { ...navbar }), [navbar]);
33907
+ return /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(NavbarLayoutHeightProvider, { value: navbarOffsetPx, children: /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(MobileSubNavProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime264.jsxs)("div", { ...(0, import_runtime172.mergeProps)(void 0, cssVars, {
33879
33908
  display: "df",
33880
33909
  flexDirection: "fdc",
33881
33910
  width: "wfc",
33882
33911
  minWidth: "mw100"
33883
33912
  }), ...tid, children: [
33884
- /* @__PURE__ */ (0, import_jsx_runtime263.jsx)("div", { ref: spacerRef, ...(0, import_runtime171.mergeProps)(void 0, {
33913
+ /* @__PURE__ */ (0, import_jsx_runtime264.jsx)("div", { ref: spacerRef, ...(0, import_runtime172.mergeProps)(void 0, {
33885
33914
  height: navHeight
33886
33915
  }, {
33887
33916
  flexShrink: "fs0",
33888
33917
  width: "w100"
33889
- }), children: /* @__PURE__ */ (0, import_jsx_runtime263.jsx)("div", { ref: navMetricsRef, ...(0, import_runtime171.mergeProps)(void 0, innerStyle, innerCss), ...tid.navbar, children: navbarEl }) }),
33890
- /* @__PURE__ */ (0, import_jsx_runtime263.jsx)("div", { className: "df fdc mh0 mw100 w100", ...tid.body, children })
33918
+ }), children: /* @__PURE__ */ (0, import_jsx_runtime264.jsx)("div", { ref: navMetricsRef, ...(0, import_runtime172.mergeProps)(void 0, innerStyle, innerCss), ...tid.navbar, children: navbarEl }) }),
33919
+ /* @__PURE__ */ (0, import_jsx_runtime264.jsx)("div", { className: "df fdc mh0 mw100 w100", ...tid.body, children })
33891
33920
  ] }) }) }) });
33892
33921
  }
33893
33922
 
@@ -33911,8 +33940,8 @@ function useDocumentTitle(...titleSegments) {
33911
33940
  }
33912
33941
 
33913
33942
  // src/components/Headers/BaseHeader.tsx
33914
- var import_runtime172 = require("@homebound/truss/runtime");
33915
- var import_jsx_runtime264 = require("react/jsx-runtime");
33943
+ var import_runtime173 = require("@homebound/truss/runtime");
33944
+ var import_jsx_runtime265 = require("react/jsx-runtime");
33916
33945
  function BaseHeader(props) {
33917
33946
  const {
33918
33947
  title,
@@ -33924,7 +33953,7 @@ function BaseHeader(props) {
33924
33953
  } = props;
33925
33954
  const tid = useTestIds(otherProps, "header");
33926
33955
  useDocumentTitle(title, documentTitleSuffix);
33927
- return /* @__PURE__ */ (0, import_jsx_runtime264.jsxs)("header", { ...tid, ...(0, import_runtime172.trussProps)({
33956
+ return /* @__PURE__ */ (0, import_jsx_runtime265.jsxs)("header", { ...tid, ...(0, import_runtime173.trussProps)({
33928
33957
  display: "df",
33929
33958
  flexDirection: "fdc",
33930
33959
  paddingTop: "pt3",
@@ -33938,7 +33967,7 @@ function BaseHeader(props) {
33938
33967
  "--backgroundColor": "var(--b-surface)"
33939
33968
  }]
33940
33969
  }), children: [
33941
- /* @__PURE__ */ (0, import_jsx_runtime264.jsxs)("div", { ...(0, import_runtime172.trussProps)({
33970
+ /* @__PURE__ */ (0, import_jsx_runtime265.jsxs)("div", { ...(0, import_runtime173.trussProps)({
33942
33971
  ...{
33943
33972
  display: "df",
33944
33973
  justifyContent: "jcsb",
@@ -33952,9 +33981,9 @@ function BaseHeader(props) {
33952
33981
  } : {}
33953
33982
  }
33954
33983
  }), children: [
33955
- /* @__PURE__ */ (0, import_jsx_runtime264.jsxs)("div", { className: "mw0", children: [
33956
- breadcrumbs && /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(Breadcrumbs, { ...breadcrumbs }),
33957
- /* @__PURE__ */ (0, import_jsx_runtime264.jsx)("h1", { ...tid.title, ...(0, import_runtime172.trussProps)({
33984
+ /* @__PURE__ */ (0, import_jsx_runtime265.jsxs)("div", { className: "mw0", children: [
33985
+ breadcrumbs && /* @__PURE__ */ (0, import_jsx_runtime265.jsx)(Breadcrumbs, { ...breadcrumbs }),
33986
+ /* @__PURE__ */ (0, import_jsx_runtime265.jsx)("h1", { ...tid.title, ...(0, import_runtime173.trussProps)({
33958
33987
  fontWeight: "fw6",
33959
33988
  fontSize: "fz_20px",
33960
33989
  lineHeight: "lh_28px",
@@ -33963,15 +33992,15 @@ function BaseHeader(props) {
33963
33992
  }]
33964
33993
  }), children: title })
33965
33994
  ] }),
33966
- /* @__PURE__ */ (0, import_jsx_runtime264.jsx)("div", { className: "fs0", children: rightSlot })
33995
+ /* @__PURE__ */ (0, import_jsx_runtime265.jsx)("div", { className: "fs0", children: rightSlot })
33967
33996
  ] }),
33968
33997
  bottomSlot
33969
33998
  ] });
33970
33999
  }
33971
34000
 
33972
34001
  // src/components/Headers/PageHeader.tsx
33973
- var import_runtime173 = require("@homebound/truss/runtime");
33974
- var import_jsx_runtime265 = require("react/jsx-runtime");
34002
+ var import_runtime174 = require("@homebound/truss/runtime");
34003
+ var import_jsx_runtime266 = require("react/jsx-runtime");
33975
34004
  function PageHeader2(props) {
33976
34005
  const {
33977
34006
  tabs,
@@ -33987,20 +34016,20 @@ function PageHeader2(props) {
33987
34016
  bottomSlotActions,
33988
34017
  rightSlotActions
33989
34018
  } = splitHeaderActionsOnSm(actions, sm);
33990
- return /* @__PURE__ */ (0, import_jsx_runtime265.jsx)(BaseHeader, { ...otherProps, rightSlot: /* @__PURE__ */ (0, import_jsx_runtime265.jsxs)("div", { className: "df g_2 fs0", ...tid.actions, children: [
33991
- /* @__PURE__ */ (0, import_jsx_runtime265.jsx)(AutoSaveIndicator, { hideOnIdle: true }),
33992
- rightSlotActions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime265.jsx)(HeaderActions, { actions: rightSlotActions, collapseOnSm: true }),
34019
+ return /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(BaseHeader, { ...otherProps, rightSlot: /* @__PURE__ */ (0, import_jsx_runtime266.jsxs)("div", { className: "df g_2 fs0", ...tid.actions, children: [
34020
+ /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(AutoSaveIndicator, { hideOnIdle: true }),
34021
+ rightSlotActions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(HeaderActions, { actions: rightSlotActions, collapseOnSm: true }),
33993
34022
  rightSlot
33994
- ] }), bottomSlot: (bottomSlotActions.length > 0 || tabs) && /* @__PURE__ */ (0, import_jsx_runtime265.jsxs)(import_jsx_runtime265.Fragment, { children: [
33995
- bottomSlotActions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime265.jsx)("div", { ...(0, import_runtime173.trussProps)({
34023
+ ] }), bottomSlot: (bottomSlotActions.length > 0 || tabs) && /* @__PURE__ */ (0, import_jsx_runtime266.jsxs)(import_jsx_runtime266.Fragment, { children: [
34024
+ bottomSlotActions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime266.jsx)("div", { ...(0, import_runtime174.trussProps)({
33996
34025
  ...pageContentPaddingX,
33997
34026
  ...{
33998
34027
  ...!tabs ? {
33999
34028
  marginBottom: "mb2"
34000
34029
  } : {}
34001
34030
  }
34002
- }), ...tid.bottomSlot, children: /* @__PURE__ */ (0, import_jsx_runtime265.jsx)(HeaderActions, { actions: bottomSlotActions }) }),
34003
- tabs && /* @__PURE__ */ (0, import_jsx_runtime265.jsx)("div", { ...(0, import_runtime173.trussProps)(pageContentPaddingX), children: /* @__PURE__ */ (0, import_jsx_runtime265.jsx)(Tabs, { ...tabs, ...tid.tabs }) })
34031
+ }), ...tid.bottomSlot, children: /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(HeaderActions, { actions: bottomSlotActions }) }),
34032
+ tabs && /* @__PURE__ */ (0, import_jsx_runtime266.jsx)("div", { ...(0, import_runtime174.trussProps)(pageContentPaddingX), children: /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(Tabs, { ...tabs, ...tid.tabs }) })
34004
34033
  ] }) });
34005
34034
  }
34006
34035
 
@@ -34008,8 +34037,8 @@ function PageHeader2(props) {
34008
34037
  var import_react183 = require("react");
34009
34038
 
34010
34039
  // src/layouts/PageBanner/internal/PageBannerSlot.tsx
34011
- var import_runtime174 = require("@homebound/truss/runtime");
34012
- var import_jsx_runtime266 = require("react/jsx-runtime");
34040
+ var import_runtime175 = require("@homebound/truss/runtime");
34041
+ var import_jsx_runtime267 = require("react/jsx-runtime");
34013
34042
  var __maybeInc34 = (inc) => {
34014
34043
  return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
34015
34044
  };
@@ -34019,33 +34048,33 @@ function PageBannerSlot(props) {
34019
34048
  metricsRef
34020
34049
  } = props;
34021
34050
  const tid = useTestIds(props, "pageBannerSlot");
34022
- return /* @__PURE__ */ (0, import_jsx_runtime266.jsx)("div", { ref: metricsRef, ...(0, import_runtime174.trussProps)({
34051
+ return /* @__PURE__ */ (0, import_jsx_runtime267.jsx)("div", { ref: metricsRef, ...(0, import_runtime175.trussProps)({
34023
34052
  flexShrink: "fs0",
34024
34053
  width: ["w_var", {
34025
- "--width": (0, import_runtime174.maybeCssVar)(__maybeInc34(`min(100%, ${documentScrollChromeWidth()})`))
34054
+ "--width": (0, import_runtime175.maybeCssVar)(__maybeInc34(`min(100%, ${documentScrollChromeWidth()})`))
34026
34055
  }],
34027
34056
  transition: "transitionTop",
34028
34057
  position: "sticky",
34029
34058
  top: ["top_var", {
34030
- "--top": (0, import_runtime174.maybeCssVar)(__maybeInc34(pageBannerOffset()))
34059
+ "--top": (0, import_runtime175.maybeCssVar)(__maybeInc34(pageBannerOffset()))
34031
34060
  }],
34032
34061
  left: ["left_var", {
34033
- "--left": (0, import_runtime174.maybeCssVar)(__maybeInc34(documentScrollChromeLeft()))
34062
+ "--left": (0, import_runtime175.maybeCssVar)(__maybeInc34(documentScrollChromeLeft()))
34034
34063
  }],
34035
34064
  zIndex: ["z_var", {
34036
- "--zIndex": (0, import_runtime174.maybeCssVar)(zIndices.pageBanner)
34065
+ "--zIndex": (0, import_runtime175.maybeCssVar)(zIndices.pageBanner)
34037
34066
  }]
34038
- }), ...tid.bannerSticky, children: /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(StatusBanner, { ...banner, sticky: true, ...tid.banner }) });
34067
+ }), ...tid.bannerSticky, children: /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(StatusBanner, { ...banner, sticky: true, ...tid.banner }) });
34039
34068
  }
34040
34069
 
34041
34070
  // src/layouts/PageBanner/internal/usePageBannerSlot.tsx
34042
- var import_jsx_runtime267 = require("react/jsx-runtime");
34071
+ var import_jsx_runtime268 = require("react/jsx-runtime");
34043
34072
  function usePageBannerSlot(bannerProp, testIds) {
34044
34073
  const publishedBanner = usePublishedPageBanner();
34045
34074
  const banner = publishedBanner ?? bannerProp;
34046
34075
  const metricsRef = (0, import_react183.useRef)(null);
34047
34076
  const height = useMeasuredHeight(metricsRef, banner != null);
34048
- const slot = banner ? /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(PageBannerSlot, { ...testIds, banner, metricsRef }) : null;
34077
+ const slot = banner ? /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(PageBannerSlot, { ...testIds, banner, metricsRef }) : null;
34049
34078
  return { slot, height };
34050
34079
  }
34051
34080
  function usePublishedPageBanner() {
@@ -34067,8 +34096,8 @@ function useBannerAndNavbarHeight() {
34067
34096
  }
34068
34097
 
34069
34098
  // src/layouts/PageHeaderLayout/PageHeaderLayout.tsx
34070
- var import_runtime175 = require("@homebound/truss/runtime");
34071
- var import_jsx_runtime268 = require("react/jsx-runtime");
34099
+ var import_runtime176 = require("@homebound/truss/runtime");
34100
+ var import_jsx_runtime269 = require("react/jsx-runtime");
34072
34101
  var __maybeInc35 = (inc) => {
34073
34102
  return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
34074
34103
  };
@@ -34108,33 +34137,33 @@ function PageHeaderLayout(props) {
34108
34137
  const innerCss = {
34109
34138
  position: "fixed",
34110
34139
  left: ["left_var", {
34111
- "--left": (0, import_runtime175.maybeCssVar)(__maybeInc35(headerLeft))
34140
+ "--left": (0, import_runtime176.maybeCssVar)(__maybeInc35(headerLeft))
34112
34141
  }],
34113
34142
  width: ["w_var", {
34114
- "--width": (0, import_runtime175.maybeCssVar)(__maybeInc35(headerWidth))
34143
+ "--width": (0, import_runtime176.maybeCssVar)(__maybeInc35(headerWidth))
34115
34144
  }],
34116
34145
  zIndex: ["z_var", {
34117
- "--zIndex": (0, import_runtime175.maybeCssVar)(zIndices.pageStickyHeader)
34146
+ "--zIndex": (0, import_runtime176.maybeCssVar)(zIndices.pageStickyHeader)
34118
34147
  }]
34119
34148
  };
34120
34149
  useTransitionAfterPaint(headerMetricsRef, "all 200ms cubic-bezier(0.4, 0, 0.2, 1)");
34121
34150
  const innerStyle = {
34122
34151
  top: autoHideState === "hidden" ? `calc(${outerTop} - ${headerHeight}px)` : outerTop
34123
34152
  };
34124
- const pageHeaderEl = (0, import_react184.useMemo)(() => /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(PageHeader2, { ...pageHeader }), [pageHeader]);
34125
- return /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime268.jsxs)("div", { ...(0, import_runtime175.mergeProps)(void 0, style, {
34153
+ const pageHeaderEl = (0, import_react184.useMemo)(() => /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(PageHeader2, { ...pageHeader }), [pageHeader]);
34154
+ return /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime269.jsxs)("div", { ...(0, import_runtime176.mergeProps)(void 0, style, {
34126
34155
  display: "df",
34127
34156
  flexDirection: "fdc",
34128
34157
  width: "w100"
34129
34158
  }), ...tid, children: [
34130
- /* @__PURE__ */ (0, import_jsx_runtime268.jsx)("div", { ref: spacerRef, ...(0, import_runtime175.mergeProps)(void 0, {
34159
+ /* @__PURE__ */ (0, import_jsx_runtime269.jsx)("div", { ref: spacerRef, ...(0, import_runtime176.mergeProps)(void 0, {
34131
34160
  height: headerHeight
34132
34161
  }, {
34133
34162
  flexShrink: "fs0",
34134
34163
  width: "w100"
34135
- }), children: /* @__PURE__ */ (0, import_jsx_runtime268.jsx)("div", { ref: headerMetricsRef, ...(0, import_runtime175.mergeProps)(void 0, innerStyle, innerCss), ...tid.pageHeader, children: pageHeaderEl }) }),
34164
+ }), children: /* @__PURE__ */ (0, import_jsx_runtime269.jsx)("div", { ref: headerMetricsRef, ...(0, import_runtime176.mergeProps)(void 0, innerStyle, innerCss), ...tid.pageHeader, children: pageHeaderEl }) }),
34136
34165
  bannerSlot,
34137
- /* @__PURE__ */ (0, import_jsx_runtime268.jsx)("div", { className: "df fdc fg1 mh0 w100 n_has_data_self_top_spaced_first_child_pt3", ...tid.body, children })
34166
+ /* @__PURE__ */ (0, import_jsx_runtime269.jsx)("div", { className: "df fdc fg1 mh0 w100 n_has_data_self_top_spaced_first_child_pt3", ...tid.body, children })
34138
34167
  ] }) });
34139
34168
  }
34140
34169
 
@@ -34142,23 +34171,23 @@ function PageHeaderLayout(props) {
34142
34171
  var import_react187 = require("react");
34143
34172
 
34144
34173
  // src/components/Headers/WorkflowHeader.tsx
34145
- var import_jsx_runtime269 = require("react/jsx-runtime");
34174
+ var import_jsx_runtime270 = require("react/jsx-runtime");
34146
34175
  function WorkflowHeader(props) {
34147
34176
  const { stepperTabs, ...otherProps } = props;
34148
34177
  const tid = useTestIds(otherProps, "header");
34149
- return /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(
34178
+ return /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(
34150
34179
  BaseHeader,
34151
34180
  {
34152
34181
  ...otherProps,
34153
- bottomSlot: stepperTabs ? /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(StepperTabs, { ...stepperTabs, ...tid.stepperTabs }) : void 0
34182
+ bottomSlot: stepperTabs ? /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(StepperTabs, { ...stepperTabs, ...tid.stepperTabs }) : void 0
34154
34183
  }
34155
34184
  );
34156
34185
  }
34157
34186
 
34158
34187
  // src/layouts/Workflow/RightPaneTriggers.tsx
34159
34188
  var import_react185 = require("react");
34160
- var import_runtime176 = require("@homebound/truss/runtime");
34161
- var import_jsx_runtime270 = require("react/jsx-runtime");
34189
+ var import_runtime177 = require("@homebound/truss/runtime");
34190
+ var import_jsx_runtime271 = require("react/jsx-runtime");
34162
34191
  var __maybeInc36 = (inc) => {
34163
34192
  return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
34164
34193
  };
@@ -34179,12 +34208,12 @@ function WorkflowPageRightPaneTriggers(props) {
34179
34208
  const pageTriggerInsetPx = 24;
34180
34209
  const onClick = (0, import_react185.useCallback)((trigger) => {
34181
34210
  openRightPane({
34182
- content: /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(RightPanePanel, { title: trigger.label, children: trigger.content })
34211
+ content: /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(RightPanePanel, { title: trigger.label, children: trigger.content })
34183
34212
  });
34184
34213
  }, [openRightPane]);
34185
- return /* @__PURE__ */ (0, import_jsx_runtime270.jsx)("div", { ...tid, "aria-hidden": isRightPaneOpen, ...isRightPaneOpen ? {
34214
+ return /* @__PURE__ */ (0, import_jsx_runtime271.jsx)("div", { ...tid, "aria-hidden": isRightPaneOpen, ...isRightPaneOpen ? {
34186
34215
  inert: true
34187
- } : {}, ...(0, import_runtime176.trussProps)({
34216
+ } : {}, ...(0, import_runtime177.trussProps)({
34188
34217
  ...{
34189
34218
  display: "df",
34190
34219
  alignItems: "aic",
@@ -34198,31 +34227,31 @@ function WorkflowPageRightPaneTriggers(props) {
34198
34227
  ...!isMobile && {
34199
34228
  position: "fixed",
34200
34229
  top: ["top_var", {
34201
- "--top": (0, import_runtime176.maybeCssVar)(__maybeInc36(stickyNavAndHeaderOffset(pageTriggerInsetPx)))
34230
+ "--top": (0, import_runtime177.maybeCssVar)(__maybeInc36(stickyNavAndHeaderOffset(pageTriggerInsetPx)))
34202
34231
  }],
34203
34232
  right: ["right_var", {
34204
34233
  "--right": `${pageTriggerInsetPx}px`
34205
34234
  }],
34206
34235
  zIndex: ["z_var", {
34207
- "--zIndex": (0, import_runtime176.maybeCssVar)(zIndices.rightPaneTriggers)
34236
+ "--zIndex": (0, import_runtime177.maybeCssVar)(zIndices.rightPaneTriggers)
34208
34237
  }]
34209
34238
  },
34210
34239
  // Desktop only — on `sm` the full-bleed pane covers the header slot.
34211
34240
  ...!isMobile && (isRightPaneOpen ? {
34212
34241
  transform: ["transform_var", {
34213
- "--transform": (0, import_runtime176.maybeCssVar)(`translateX(calc(100% + ${pageTriggerInsetPx}px))`)
34242
+ "--transform": (0, import_runtime177.maybeCssVar)(`translateX(calc(100% + ${pageTriggerInsetPx}px))`)
34214
34243
  }],
34215
34244
  pointerEvents: "pen"
34216
34245
  } : {
34217
34246
  transform: "tf_translateX_0"
34218
34247
  })
34219
- }), children: triggers.map((trigger) => /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(IconButton, { icon: trigger.icon, label: trigger.label, variant: "circle", compact: isMobile, onClick: () => onClick(trigger), ...tid[trigger.icon] }, trigger.label)) });
34248
+ }), children: triggers.map((trigger) => /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(IconButton, { icon: trigger.icon, label: trigger.label, variant: "circle", compact: isMobile, onClick: () => onClick(trigger), ...tid[trigger.icon] }, trigger.label)) });
34220
34249
  }
34221
34250
 
34222
34251
  // src/layouts/Workflow/useUnsavedChangesGuard.tsx
34223
34252
  var import_react186 = require("react");
34224
34253
  var import_react_router_dom9 = require("react-router-dom");
34225
- var import_jsx_runtime271 = require("react/jsx-runtime");
34254
+ var import_jsx_runtime272 = require("react/jsx-runtime");
34226
34255
  function useUnsavedChangesGuard(options) {
34227
34256
  const { isDirty, allowNavigation, onCancel, destructiveAction } = options;
34228
34257
  const { openModal } = useModal();
@@ -34258,7 +34287,7 @@ function useUnsavedChangesGuard(options) {
34258
34287
  }
34259
34288
  openModal({
34260
34289
  allowClosing: false,
34261
- content: /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(ConfirmCloseModal, { onClose: () => confirmCancel(e) })
34290
+ content: /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(ConfirmCloseModal, { onClose: () => confirmCancel(e) })
34262
34291
  });
34263
34292
  };
34264
34293
  const onDestructiveActionClick = destructiveAction ? (e) => {
@@ -34270,7 +34299,7 @@ function useUnsavedChangesGuard(options) {
34270
34299
  } = destructiveAction;
34271
34300
  openModal({
34272
34301
  allowClosing: false,
34273
- content: /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(
34302
+ content: /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(
34274
34303
  ConfirmCloseModal,
34275
34304
  {
34276
34305
  title: confirmTitle,
@@ -34301,7 +34330,7 @@ function UnsavedChangesNavigationModal(props) {
34301
34330
  (0, import_react186.useEffect)(() => {
34302
34331
  openModal({
34303
34332
  allowClosing: false,
34304
- content: /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(ConfirmCloseModal, { title: "Leave page?", onClose: proceed, onContinue: cancelNavigation })
34333
+ content: /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(ConfirmCloseModal, { title: "Leave page?", onClose: proceed, onContinue: cancelNavigation })
34305
34334
  });
34306
34335
  return () => closeModal();
34307
34336
  }, []);
@@ -34309,7 +34338,7 @@ function UnsavedChangesNavigationModal(props) {
34309
34338
  }
34310
34339
 
34311
34340
  // src/layouts/Workflow/WorkflowActions.tsx
34312
- var import_jsx_runtime272 = require("react/jsx-runtime");
34341
+ var import_jsx_runtime273 = require("react/jsx-runtime");
34313
34342
  function WorkflowActions(props) {
34314
34343
  const {
34315
34344
  onCancel,
@@ -34328,13 +34357,13 @@ function WorkflowActions(props) {
34328
34357
  sm: isMobile
34329
34358
  } = useBreakpoint();
34330
34359
  const primaryVariant = aiMode ? "ai" : "primary";
34331
- return /* @__PURE__ */ (0, import_jsx_runtime272.jsxs)("div", { className: "df aic jcsb sm_w100", children: [
34332
- /* @__PURE__ */ (0, import_jsx_runtime272.jsx)("div", { className: "df aic", children: !isFirstStep && isMobile && onBack && /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(IconButton, { icon: "arrowBack", label: "Back", onClick: onBack }) }),
34333
- /* @__PURE__ */ (0, import_jsx_runtime272.jsxs)("div", { className: "df aic g_1", children: [
34334
- /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(Button, { label: "Cancel", variant: "quaternary", onClick: onCancel }),
34335
- onSaveAndExit && /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(Button, { label: "Save & Exit", variant: "secondary", onClick: onSaveAndExit }),
34336
- destructiveAction && /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(Button, { label: destructiveAction.label ?? "Remove", variant: "danger", onClick: destructiveAction.onConfirm }),
34337
- isLastStep ? /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(Button, { label: completeLabel, variant: primaryVariant, onClick: onComplete, disabled: primaryDisabled }) : /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(Button, { label: "Continue", variant: primaryVariant, onClick: async () => {
34360
+ return /* @__PURE__ */ (0, import_jsx_runtime273.jsxs)("div", { className: "df aic jcsb sm_w100", children: [
34361
+ /* @__PURE__ */ (0, import_jsx_runtime273.jsx)("div", { className: "df aic", children: !isFirstStep && isMobile && onBack && /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(IconButton, { icon: "arrowBack", label: "Back", onClick: onBack }) }),
34362
+ /* @__PURE__ */ (0, import_jsx_runtime273.jsxs)("div", { className: "df aic g_1", children: [
34363
+ /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(Button, { label: "Cancel", variant: "quaternary", onClick: onCancel }),
34364
+ onSaveAndExit && /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(Button, { label: "Save & Exit", variant: "secondary", onClick: onSaveAndExit }),
34365
+ destructiveAction && /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(Button, { label: destructiveAction.label ?? "Remove", variant: "danger", onClick: destructiveAction.onConfirm }),
34366
+ isLastStep ? /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(Button, { label: completeLabel, variant: primaryVariant, onClick: onComplete, disabled: primaryDisabled }) : /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(Button, { label: "Continue", variant: primaryVariant, onClick: async () => {
34338
34367
  await onContinue?.();
34339
34368
  }, disabled: primaryDisabled })
34340
34369
  ] })
@@ -34342,8 +34371,8 @@ function WorkflowActions(props) {
34342
34371
  }
34343
34372
 
34344
34373
  // src/layouts/Workflow/WorkflowPageLayout.tsx
34345
- var import_runtime177 = require("@homebound/truss/runtime");
34346
- var import_jsx_runtime273 = require("react/jsx-runtime");
34374
+ var import_runtime178 = require("@homebound/truss/runtime");
34375
+ var import_jsx_runtime274 = require("react/jsx-runtime");
34347
34376
  var __maybeInc37 = (inc) => {
34348
34377
  return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
34349
34378
  };
@@ -34382,12 +34411,12 @@ function WorkflowPageLayout(props) {
34382
34411
  onCancel,
34383
34412
  destructiveAction
34384
34413
  });
34385
- const actions = /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(WorkflowActions, { ...actionProps, aiMode, onCancel: onCancelClick, destructiveAction: destructiveAction && {
34414
+ const actions = /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(WorkflowActions, { ...actionProps, aiMode, onCancel: onCancelClick, destructiveAction: destructiveAction && {
34386
34415
  ...destructiveAction,
34387
34416
  onConfirm: onDestructiveActionClick
34388
34417
  } });
34389
34418
  const triggers = rightPaneTriggers ?? [];
34390
- const pageTriggers = triggers.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(WorkflowPageRightPaneTriggers, { triggers }) : void 0;
34419
+ const pageTriggers = triggers.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(WorkflowPageRightPaneTriggers, { triggers }) : void 0;
34391
34420
  const headerMetricsRef = (0, import_react187.useRef)(null);
34392
34421
  const headerHeight = useMeasuredHeight(headerMetricsRef, true);
34393
34422
  const headerWidth = documentScrollChromeWidth();
@@ -34423,33 +34452,33 @@ function WorkflowPageLayout(props) {
34423
34452
  left: 0
34424
34453
  });
34425
34454
  }, [currentStep]);
34426
- return /* @__PURE__ */ (0, import_jsx_runtime273.jsxs)(DocumentScrollLayoutProvider, { children: [
34427
- /* @__PURE__ */ (0, import_jsx_runtime273.jsxs)("div", { ...(0, import_runtime177.mergeProps)(void 0, style, {
34455
+ return /* @__PURE__ */ (0, import_jsx_runtime274.jsxs)(DocumentScrollLayoutProvider, { children: [
34456
+ /* @__PURE__ */ (0, import_jsx_runtime274.jsxs)("div", { ...(0, import_runtime178.mergeProps)(void 0, style, {
34428
34457
  display: "df",
34429
34458
  flexDirection: "fdc",
34430
34459
  width: "w100"
34431
34460
  }), ...tid, children: [
34432
- /* @__PURE__ */ (0, import_jsx_runtime273.jsx)("div", { ...(0, import_runtime177.mergeProps)(void 0, {
34461
+ /* @__PURE__ */ (0, import_jsx_runtime274.jsx)("div", { ...(0, import_runtime178.mergeProps)(void 0, {
34433
34462
  height: headerHeight
34434
34463
  }, {
34435
34464
  flexShrink: "fs0",
34436
34465
  width: "w100"
34437
- }), children: /* @__PURE__ */ (0, import_jsx_runtime273.jsx)("div", { ref: headerMetricsRef, ...(0, import_runtime177.trussProps)({
34466
+ }), children: /* @__PURE__ */ (0, import_jsx_runtime274.jsx)("div", { ref: headerMetricsRef, ...(0, import_runtime178.trussProps)({
34438
34467
  position: "fixed",
34439
34468
  left: "l_0",
34440
34469
  width: ["w_var", {
34441
- "--width": (0, import_runtime177.maybeCssVar)(__maybeInc37(headerWidth))
34470
+ "--width": (0, import_runtime178.maybeCssVar)(__maybeInc37(headerWidth))
34442
34471
  }],
34443
34472
  zIndex: ["z_var", {
34444
- "--zIndex": (0, import_runtime177.maybeCssVar)(zIndices.pageStickyHeader)
34473
+ "--zIndex": (0, import_runtime178.maybeCssVar)(zIndices.pageStickyHeader)
34445
34474
  }],
34446
34475
  top: ["top_var", {
34447
- "--top": (0, import_runtime177.maybeCssVar)(__maybeInc37(outerTop))
34476
+ "--top": (0, import_runtime178.maybeCssVar)(__maybeInc37(outerTop))
34448
34477
  }],
34449
34478
  transition: "transitionAll"
34450
- }), ...tid.header, children: /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(WorkflowHeader, { title, documentTitleSuffix, breadcrumbs, rightSlot: isMobile ? pageTriggers : actions, stepperTabs }) }) }),
34479
+ }), ...tid.header, children: /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(WorkflowHeader, { title, documentTitleSuffix, breadcrumbs, rightSlot: isMobile ? pageTriggers : actions, stepperTabs }) }) }),
34451
34480
  bannerSlot,
34452
- /* @__PURE__ */ (0, import_jsx_runtime273.jsx)("div", { ...(0, import_runtime177.trussProps)({
34481
+ /* @__PURE__ */ (0, import_jsx_runtime274.jsx)("div", { ...(0, import_runtime178.trussProps)({
34453
34482
  ...{
34454
34483
  display: "df",
34455
34484
  flexDirection: "fdc",
@@ -34461,29 +34490,29 @@ function WorkflowPageLayout(props) {
34461
34490
  ...aiMode && {
34462
34491
  backgroundImage: "aiBackground",
34463
34492
  minHeight: ["mh_var", {
34464
- "--minHeight": (0, import_runtime177.maybeCssVar)(documentScrollBodyMinHeight())
34493
+ "--minHeight": (0, import_runtime178.maybeCssVar)(documentScrollBodyMinHeight())
34465
34494
  }]
34466
34495
  }
34467
- }), ...tid.body, children: triggers.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(DocumentScrollOverlayRightPaneLayout, { children }) : children }),
34496
+ }), ...tid.body, children: triggers.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(DocumentScrollOverlayRightPaneLayout, { children }) : children }),
34468
34497
  !isMobile && pageTriggers,
34469
- showFooter && /* @__PURE__ */ (0, import_jsx_runtime273.jsx)("div", { ...(0, import_runtime177.trussProps)({
34498
+ showFooter && /* @__PURE__ */ (0, import_jsx_runtime274.jsx)("div", { ...(0, import_runtime178.trussProps)({
34470
34499
  flexShrink: "fs0",
34471
34500
  width: "w100",
34472
34501
  height: ["h_var", {
34473
34502
  "--height": `${mobileFooterHeightPx}px`
34474
34503
  }]
34475
- }), children: /* @__PURE__ */ (0, import_jsx_runtime273.jsx)("div", { ...(0, import_runtime177.trussProps)({
34504
+ }), children: /* @__PURE__ */ (0, import_jsx_runtime274.jsx)("div", { ...(0, import_runtime178.trussProps)({
34476
34505
  ...{
34477
34506
  position: "fixed",
34478
34507
  bottom: "bot_0",
34479
34508
  width: ["w_var", {
34480
- "--width": (0, import_runtime177.maybeCssVar)(__maybeInc37(headerWidth))
34509
+ "--width": (0, import_runtime178.maybeCssVar)(__maybeInc37(headerWidth))
34481
34510
  }],
34482
34511
  height: ["h_var", {
34483
34512
  "--height": `${mobileFooterHeightPx}px`
34484
34513
  }],
34485
34514
  zIndex: ["z_var", {
34486
- "--zIndex": (0, import_runtime177.maybeCssVar)(zIndices.pageStickyFooter)
34515
+ "--zIndex": (0, import_runtime178.maybeCssVar)(zIndices.pageStickyFooter)
34487
34516
  }],
34488
34517
  display: "df",
34489
34518
  alignItems: "aic",
@@ -34501,12 +34530,12 @@ function WorkflowPageLayout(props) {
34501
34530
  ...pageContentPaddingX
34502
34531
  }), ...tid.footer, children: actions }) })
34503
34532
  ] }),
34504
- navigationBlocker && /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(UnsavedChangesNavigationModal, { ...navigationBlocker })
34533
+ navigationBlocker && /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(UnsavedChangesNavigationModal, { ...navigationBlocker })
34505
34534
  ] });
34506
34535
  }
34507
34536
 
34508
34537
  // src/layouts/Workflow/FocusedFormLayout.tsx
34509
- var import_jsx_runtime274 = require("react/jsx-runtime");
34538
+ var import_jsx_runtime275 = require("react/jsx-runtime");
34510
34539
  function FocusedFormLayout(props) {
34511
34540
  const {
34512
34541
  onCancel,
@@ -34524,7 +34553,7 @@ function FocusedFormLayout(props) {
34524
34553
  ...headerProps
34525
34554
  } = props;
34526
34555
  const tid = useTestIds(props, "focusedFormLayout");
34527
- return /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(
34556
+ return /* @__PURE__ */ (0, import_jsx_runtime275.jsx)(
34528
34557
  WorkflowPageLayout,
34529
34558
  {
34530
34559
  ...tid,
@@ -34547,7 +34576,7 @@ function FocusedFormLayout(props) {
34547
34576
 
34548
34577
  // src/layouts/Workflow/StepperLayout.tsx
34549
34578
  var import_react188 = require("react");
34550
- var import_jsx_runtime275 = require("react/jsx-runtime");
34579
+ var import_jsx_runtime276 = require("react/jsx-runtime");
34551
34580
  function StepperLayout(props) {
34552
34581
  const {
34553
34582
  steps,
@@ -34574,7 +34603,7 @@ function StepperLayout(props) {
34574
34603
  if (value === currentStep) return;
34575
34604
  closeRightPaneThen(() => setCurrentStep(value));
34576
34605
  }
34577
- return /* @__PURE__ */ (0, import_jsx_runtime275.jsx)(
34606
+ return /* @__PURE__ */ (0, import_jsx_runtime276.jsx)(
34578
34607
  WorkflowPageLayout,
34579
34608
  {
34580
34609
  ...tid,
@@ -34619,7 +34648,7 @@ function getInitialStep(steps, defaultStep) {
34619
34648
 
34620
34649
  // src/forms/BoundChipSelectField.tsx
34621
34650
  var import_mobx_react26 = require("mobx-react");
34622
- var import_jsx_runtime276 = require("react/jsx-runtime");
34651
+ var import_jsx_runtime277 = require("react/jsx-runtime");
34623
34652
  function BoundChipSelectField(props) {
34624
34653
  const {
34625
34654
  field,
@@ -34635,7 +34664,7 @@ function BoundChipSelectField(props) {
34635
34664
  ...others
34636
34665
  } = props;
34637
34666
  const testId = useTestIds(props, field.key);
34638
- return /* @__PURE__ */ (0, import_jsx_runtime276.jsx)(import_mobx_react26.Observer, { children: () => /* @__PURE__ */ (0, import_jsx_runtime276.jsx)(
34667
+ return /* @__PURE__ */ (0, import_jsx_runtime277.jsx)(import_mobx_react26.Observer, { children: () => /* @__PURE__ */ (0, import_jsx_runtime277.jsx)(
34639
34668
  ChipSelectField,
34640
34669
  {
34641
34670
  label,
@@ -34665,12 +34694,12 @@ function BoundChipSelectField(props) {
34665
34694
  }
34666
34695
 
34667
34696
  // src/forms/BoundSelectAndTextField.tsx
34668
- var import_jsx_runtime277 = require("react/jsx-runtime");
34697
+ var import_jsx_runtime278 = require("react/jsx-runtime");
34669
34698
  function BoundSelectAndTextField(props) {
34670
34699
  const { selectFieldProps, textFieldProps, compact = true } = props;
34671
34700
  const tid = useTestIds(props);
34672
- return /* @__PURE__ */ (0, import_jsx_runtime277.jsxs)(CompoundField, { children: [
34673
- /* @__PURE__ */ (0, import_jsx_runtime277.jsx)(
34701
+ return /* @__PURE__ */ (0, import_jsx_runtime278.jsxs)(CompoundField, { children: [
34702
+ /* @__PURE__ */ (0, import_jsx_runtime278.jsx)(
34674
34703
  BoundSelectField,
34675
34704
  {
34676
34705
  ...tid[defaultTestId(selectFieldProps.label ?? selectFieldProps.field.key)],
@@ -34679,7 +34708,7 @@ function BoundSelectAndTextField(props) {
34679
34708
  compact
34680
34709
  }
34681
34710
  ),
34682
- /* @__PURE__ */ (0, import_jsx_runtime277.jsx)(
34711
+ /* @__PURE__ */ (0, import_jsx_runtime278.jsx)(
34683
34712
  BoundTextField,
34684
34713
  {
34685
34714
  ...tid[defaultTestId(textFieldProps.label ?? textFieldProps.field.key)],
@@ -34691,8 +34720,8 @@ function BoundSelectAndTextField(props) {
34691
34720
  }
34692
34721
 
34693
34722
  // src/forms/FormHeading.tsx
34694
- var import_runtime178 = require("@homebound/truss/runtime");
34695
- var import_jsx_runtime278 = (
34723
+ var import_runtime179 = require("@homebound/truss/runtime");
34724
+ var import_jsx_runtime279 = (
34696
34725
  // Add space before the heading, but only if it's not first.
34697
34726
  require("react/jsx-runtime")
34698
34727
  );
@@ -34703,7 +34732,7 @@ function FormHeading(props) {
34703
34732
  isFirst = false,
34704
34733
  ...others
34705
34734
  } = props;
34706
- return /* @__PURE__ */ (0, import_jsx_runtime278.jsx)("h3", { ...(0, import_runtime178.trussProps)({
34735
+ return /* @__PURE__ */ (0, import_jsx_runtime279.jsx)("h3", { ...(0, import_runtime179.trussProps)({
34707
34736
  ...{
34708
34737
  fontWeight: "fw4",
34709
34738
  fontSize: "fz_16px",
@@ -34719,8 +34748,8 @@ FormHeading.isFormHeading = true;
34719
34748
 
34720
34749
  // src/forms/StaticField.tsx
34721
34750
  var import_utils53 = require("@react-aria/utils");
34722
- var import_runtime179 = require("@homebound/truss/runtime");
34723
- var import_jsx_runtime279 = require("react/jsx-runtime");
34751
+ var import_runtime180 = require("@homebound/truss/runtime");
34752
+ var import_jsx_runtime280 = require("react/jsx-runtime");
34724
34753
  function StaticField(props) {
34725
34754
  const {
34726
34755
  fieldProps
@@ -34733,14 +34762,14 @@ function StaticField(props) {
34733
34762
  } = props;
34734
34763
  const tid = useTestIds(props, typeof label === "string" ? defaultTestId(label) : "staticField");
34735
34764
  const id = (0, import_utils53.useId)();
34736
- return /* @__PURE__ */ (0, import_jsx_runtime279.jsxs)("div", { ...(0, import_runtime179.trussProps)({
34765
+ return /* @__PURE__ */ (0, import_jsx_runtime280.jsxs)("div", { ...(0, import_runtime180.trussProps)({
34737
34766
  ...labelStyle === "left" ? {
34738
34767
  display: "df",
34739
34768
  justifyContent: "jcsb",
34740
34769
  maxWidth: "maxw100"
34741
34770
  } : {}
34742
34771
  }), ...tid.container, children: [
34743
- /* @__PURE__ */ (0, import_jsx_runtime279.jsx)("label", { ...(0, import_runtime179.trussProps)({
34772
+ /* @__PURE__ */ (0, import_jsx_runtime280.jsx)("label", { ...(0, import_runtime180.trussProps)({
34744
34773
  display: "db",
34745
34774
  fontWeight: "fw4",
34746
34775
  fontSize: "fz_14px",
@@ -34750,7 +34779,7 @@ function StaticField(props) {
34750
34779
  }],
34751
34780
  marginBottom: "mb_4px"
34752
34781
  }), htmlFor: id, ...tid.label, children: label }),
34753
- /* @__PURE__ */ (0, import_jsx_runtime279.jsx)("div", { id, ...(0, import_runtime179.trussProps)({
34782
+ /* @__PURE__ */ (0, import_jsx_runtime280.jsx)("div", { id, ...(0, import_runtime180.trussProps)({
34754
34783
  fontWeight: "fw4",
34755
34784
  fontSize: "fz_14px",
34756
34785
  lineHeight: "lh_20px",
@@ -34781,7 +34810,7 @@ function useFilter5({ filterDefs }) {
34781
34810
  var import_react190 = require("react");
34782
34811
  var import_react_aria78 = require("react-aria");
34783
34812
  var import_react_stately20 = require("react-stately");
34784
- var import_jsx_runtime280 = require("react/jsx-runtime");
34813
+ var import_jsx_runtime281 = require("react/jsx-runtime");
34785
34814
  function Autocomplete(props) {
34786
34815
  const {
34787
34816
  onSelect,
@@ -34799,7 +34828,7 @@ function Autocomplete(props) {
34799
34828
  const { effectiveValue, proposalProps } = useAiProposal(value, proposedValue);
34800
34829
  const disabledOptionsWithReasons = Object.fromEntries(disabledOptions?.map(disabledOptionToKeyedTuple) ?? []);
34801
34830
  const comboBoxChildren = (0, import_react190.useCallback)(
34802
- (item) => /* @__PURE__ */ (0, import_jsx_runtime280.jsx)(import_react_stately20.Item, { textValue: getOptionLabel(item), children: getOptionMenuLabel ? getOptionMenuLabel(item) : getOptionLabel(item) }, getOptionValue(item)),
34831
+ (item) => /* @__PURE__ */ (0, import_jsx_runtime281.jsx)(import_react_stately20.Item, { textValue: getOptionLabel(item), children: getOptionMenuLabel ? getOptionMenuLabel(item) : getOptionLabel(item) }, getOptionValue(item)),
34803
34832
  [getOptionValue, getOptionLabel, getOptionMenuLabel]
34804
34833
  );
34805
34834
  const comboBoxProps = {
@@ -34852,8 +34881,8 @@ function Autocomplete(props) {
34852
34881
  // Ensures the menu never gets too small.
34853
34882
  minWidth: 200
34854
34883
  };
34855
- return /* @__PURE__ */ (0, import_jsx_runtime280.jsxs)(import_jsx_runtime280.Fragment, { children: [
34856
- /* @__PURE__ */ (0, import_jsx_runtime280.jsx)(
34884
+ return /* @__PURE__ */ (0, import_jsx_runtime281.jsxs)(import_jsx_runtime281.Fragment, { children: [
34885
+ /* @__PURE__ */ (0, import_jsx_runtime281.jsx)(
34857
34886
  TextFieldBase,
34858
34887
  {
34859
34888
  inputRef,
@@ -34863,11 +34892,11 @@ function Autocomplete(props) {
34863
34892
  onChange: onInputChange,
34864
34893
  ...proposalProps,
34865
34894
  clearable: true,
34866
- startAdornment: "startAdornment" in props ? props.startAdornment : /* @__PURE__ */ (0, import_jsx_runtime280.jsx)(Icon, { icon: "search" }),
34895
+ startAdornment: "startAdornment" in props ? props.startAdornment : /* @__PURE__ */ (0, import_jsx_runtime281.jsx)(Icon, { icon: "search" }),
34867
34896
  ...others
34868
34897
  }
34869
34898
  ),
34870
- state.isOpen && /* @__PURE__ */ (0, import_jsx_runtime280.jsx)(
34899
+ state.isOpen && /* @__PURE__ */ (0, import_jsx_runtime281.jsx)(
34871
34900
  Popover,
34872
34901
  {
34873
34902
  triggerRef: inputRef,
@@ -34876,7 +34905,7 @@ function Autocomplete(props) {
34876
34905
  onClose: () => state.close(),
34877
34906
  isOpen: state.isOpen,
34878
34907
  minWidth: 200,
34879
- children: /* @__PURE__ */ (0, import_jsx_runtime280.jsx)(
34908
+ children: /* @__PURE__ */ (0, import_jsx_runtime281.jsx)(
34880
34909
  ListBox,
34881
34910
  {
34882
34911
  ...listBoxProps,
@@ -34897,8 +34926,8 @@ function Autocomplete(props) {
34897
34926
  var import_react191 = require("react");
34898
34927
  var import_react_aria79 = require("react-aria");
34899
34928
  var import_react_stately21 = require("react-stately");
34900
- var import_runtime180 = require("@homebound/truss/runtime");
34901
- var import_jsx_runtime281 = require("react/jsx-runtime");
34929
+ var import_runtime181 = require("@homebound/truss/runtime");
34930
+ var import_jsx_runtime282 = require("react/jsx-runtime");
34902
34931
  function ToggleButton(props) {
34903
34932
  const {
34904
34933
  selected: isSelected = false,
@@ -34962,7 +34991,7 @@ function ToggleButton(props) {
34962
34991
  ...focusProps,
34963
34992
  ...hoverProps,
34964
34993
  ...pressProps,
34965
- ...(0, import_runtime180.trussProps)({
34994
+ ...(0, import_runtime181.trussProps)({
34966
34995
  // Gray500 off-state has no semantic match — keep palette (OnSurfaceMuted is Gray700).
34967
34996
  ...{
34968
34997
  borderRadius: "br4",
@@ -35002,10 +35031,10 @@ function ToggleButton(props) {
35002
35031
  return maybeTooltip({
35003
35032
  title: tooltip,
35004
35033
  placement: "top",
35005
- children: /* @__PURE__ */ (0, import_jsx_runtime281.jsxs)("label", { ...labelAttrs, children: [
35006
- icon && /* @__PURE__ */ (0, import_jsx_runtime281.jsx)(Icon, { icon }),
35034
+ children: /* @__PURE__ */ (0, import_jsx_runtime282.jsxs)("label", { ...labelAttrs, children: [
35035
+ icon && /* @__PURE__ */ (0, import_jsx_runtime282.jsx)(Icon, { icon }),
35007
35036
  label,
35008
- /* @__PURE__ */ (0, import_jsx_runtime281.jsx)(import_react_aria79.VisuallyHidden, { children: /* @__PURE__ */ (0, import_jsx_runtime281.jsx)("input", { ref, ...inputProps, ...tid.value }) })
35037
+ /* @__PURE__ */ (0, import_jsx_runtime282.jsx)(import_react_aria79.VisuallyHidden, { children: /* @__PURE__ */ (0, import_jsx_runtime282.jsx)("input", { ref, ...inputProps, ...tid.value }) })
35009
35038
  ] })
35010
35039
  });
35011
35040
  }
@@ -35034,6 +35063,7 @@ var togglePressStyles = {
35034
35063
  AiLoadingPanel,
35035
35064
  AiPanel,
35036
35065
  AiSlimBanner,
35066
+ AiTableIllustration,
35037
35067
  AutoSaveIndicator,
35038
35068
  AutoSaveStatus,
35039
35069
  AutoSaveStatusContext,