@pantheon-systems/pds-toolkit-react 2.0.0-alpha.4 → 2.0.0-alpha.41

package/dist/svg/floppyDisk.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor" aria-hidden="true" focusable="false" role="img">
+  <path d="M64 80c-8.8 0-16 7.2-16 16l0 320c0 8.8 7.2 16 16 16l320 0c8.8 0 16-7.2 16-16l0-242.7c0-4.2-1.7-8.3-4.7-11.3L320 86.6 320 176c0 17.7-14.3 32-32 32l-160 0c-17.7 0-32-14.3-32-32l0-96-32 0zm80 0l0 80 128 0 0-80-128 0zM0 96C0 60.7 28.7 32 64 32l242.7 0c17 0 33.3 6.7 45.3 18.7L429.3 128c12 12 18.7 28.3 18.7 45.3L448 416c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 96zM160 320a64 64 0 1 1 128 0 64 64 0 1 1 -128 0z"/>
+</svg>

package/dist/svg/grid.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor" aria-hidden="true" focusable="false" role="img">
-  <path d="M0 64C0 46.3 14.3 32 32 32l48 0c17.7 0 32 14.3 32 32l0 48c0 17.7-14.3 32-32 32l-48 0c-17.7 0-32-14.3-32-32L0 64zM0 232c0-17.7 14.3-32 32-32l48 0c17.7 0 32 14.3 32 32l0 48c0 17.7-14.3 32-32 32l-48 0c-17.7 0-32-14.3-32-32l0-48zM112 400l0 48c0 17.7-14.3 32-32 32l-48 0c-17.7 0-32-14.3-32-32l0-48c0-17.7 14.3-32 32-32l48 0c17.7 0 32 14.3 32 32zM168 64c0-17.7 14.3-32 32-32l48 0c17.7 0 32 14.3 32 32l0 48c0 17.7-14.3 32-32 32l-48 0c-17.7 0-32-14.3-32-32l0-48zM280 232l0 48c0 17.7-14.3 32-32 32l-48 0c-17.7 0-32-14.3-32-32l0-48c0-17.7 14.3-32 32-32l48 0c17.7 0 32 14.3 32 32zM168 400c0-17.7 14.3-32 32-32l48 0c17.7 0 32 14.3 32 32l0 48c0 17.7-14.3 32-32 32l-48 0c-17.7 0-32-14.3-32-32l0-48zM448 64l0 48c0 17.7-14.3 32-32 32l-48 0c-17.7 0-32-14.3-32-32l0-48c0-17.7 14.3-32 32-32l48 0c17.7 0 32 14.3 32 32zM336 232c0-17.7 14.3-32 32-32l48 0c17.7 0 32 14.3 32 32l0 48c0 17.7-14.3 32-32 32l-48 0c-17.7 0-32-14.3-32-32l0-48zM448 400l0 48c0 17.7-14.3 32-32 32l-48 0c-17.7 0-32-14.3-32-32l0-48c0-17.7 14.3-32 32-32l48 0c17.7 0 32 14.3 32 32z"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" aria-hidden="true" focusable="false" role="img">
+  <path d="M112 64l0 48-48 0 0-48 48 0zM64 24C41.9 24 24 41.9 24 64l0 48c0 22.1 17.9 40 40 40l48 0c22.1 0 40-17.9 40-40l0-48c0-22.1-17.9-40-40-40L64 24zm48 208l0 48-48 0 0-48 48 0zM64 192c-22.1 0-40 17.9-40 40l0 48c0 22.1 17.9 40 40 40l48 0c22.1 0 40-17.9 40-40l0-48c0-22.1-17.9-40-40-40l-48 0zm0 208l48 0 0 48-48 0 0-48zm-40 0l0 48c0 22.1 17.9 40 40 40l48 0c22.1 0 40-17.9 40-40l0-48c0-22.1-17.9-40-40-40l-48 0c-22.1 0-40 17.9-40 40zM280 64l0 48-48 0 0-48 48 0zM232 24c-22.1 0-40 17.9-40 40l0 48c0 22.1 17.9 40 40 40l48 0c22.1 0 40-17.9 40-40l0-48c0-22.1-17.9-40-40-40l-48 0zm0 208l48 0 0 48-48 0 0-48zm-40 0l0 48c0 22.1 17.9 40 40 40l48 0c22.1 0 40-17.9 40-40l0-48c0-22.1-17.9-40-40-40l-48 0c-22.1 0-40 17.9-40 40zm88 168l0 48-48 0 0-48 48 0zm-48-40c-22.1 0-40 17.9-40 40l0 48c0 22.1 17.9 40 40 40l48 0c22.1 0 40-17.9 40-40l0-48c0-22.1-17.9-40-40-40l-48 0zM400 64l48 0 0 48-48 0 0-48zm-40 0l0 48c0 22.1 17.9 40 40 40l48 0c22.1 0 40-17.9 40-40l0-48c0-22.1-17.9-40-40-40l-48 0c-22.1 0-40 17.9-40 40zm88 168l0 48-48 0 0-48 48 0zm-48-40c-22.1 0-40 17.9-40 40l0 48c0 22.1 17.9 40 40 40l48 0c22.1 0 40-17.9 40-40l0-48c0-22.1-17.9-40-40-40l-48 0zm0 208l48 0 0 48-48 0 0-48zm-40 0l0 48c0 22.1 17.9 40 40 40l48 0c22.1 0 40-17.9 40-40l0-48c0-22.1-17.9-40-40-40l-48 0c-22.1 0-40 17.9-40 40z"/>
 </svg>

package/dist/svg/grid2.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor" aria-hidden="true" focusable="false" role="img">
+  <path d="M48 80l0 96 96 0 0-96-96 0zM0 80C0 53.5 21.5 32 48 32l96 0c26.5 0 48 21.5 48 48l0 96c0 26.5-21.5 48-48 48l-96 0c-26.5 0-48-21.5-48-48L0 80zM48 336l0 96 96 0 0-96-96 0zM0 336c0-26.5 21.5-48 48-48l96 0c26.5 0 48 21.5 48 48l0 96c0 26.5-21.5 48-48 48l-96 0c-26.5 0-48-21.5-48-48l0-96zM400 80l-96 0 0 96 96 0 0-96zM304 32l96 0c26.5 0 48 21.5 48 48l0 96c0 26.5-21.5 48-48 48l-96 0c-26.5 0-48-21.5-48-48l0-96c0-26.5 21.5-48 48-48zm0 304l0 96 96 0 0-96-96 0zm-48 0c0-26.5 21.5-48 48-48l96 0c26.5 0 48 21.5 48 48l0 96c0 26.5-21.5 48-48 48l-96 0c-26.5 0-48-21.5-48-48l0-96z"/>
+</svg>

package/dist/svg/landmark.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" aria-hidden="true" focusable="false" role="img">
+  <path d="M242.9 11.9c8-5.2 18.3-5.2 26.3 0l232 152c8.9 5.8 12.9 16.8 9.8 26.9S498.6 208 488 208l-40 0 0 160 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24L56 416c-13.3 0-24-10.7-24-24s10.7-24 24-24l8 0 0-160-40 0c-10.6 0-20-7-23-17.1s1-21.1 9.8-26.9l232-152zM112 368l64 0 0-160-64 0 0 160zm112 0l64 0 0-160-64 0 0 160zm112 0l64 0 0-160-64 0 0 160zM104.4 160L407.6 160 256 60.7 104.4 160zM24 464l464 0c13.3 0 24 10.7 24 24s-10.7 24-24 24L24 512c-13.3 0-24-10.7-24-24s10.7-24 24-24z"/>
+</svg>

package/dist/svg/locationCrosshairs.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" fill="currentColor" aria-hidden="true" focusable="false" role="img">
+  <path d="M288-16c13.3 0 24 10.7 24 24l0 25.3C416.5 44.4 499.6 127.5 510.7 232l25.3 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-25.3 0C499.6 384.5 416.5 467.6 312 478.7l0 25.3c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-25.3C159.5 467.6 76.4 384.5 65.3 280L40 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l25.3 0C76.4 127.5 159.5 44.4 264 33.3L264 8c0-13.3 10.7-24 24-24zM464 256a176 176 0 1 0 -352 0 176 176 0 1 0 352 0zm-112 0a64 64 0 1 0 -128 0 64 64 0 1 0 128 0zm-176 0a112 112 0 1 1 224 0 112 112 0 1 1 -224 0z"/>
+</svg>

package/dist/svg/move.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" aria-hidden="true" focusable="false" role="img">
+  <path d="M273.5 7c-9.4-9.4-24.6-9.4-33.9 0l-72 72c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l31-31 0 150.1-150.1 0 31-31c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-72 72c-9.4 9.4-9.4 24.6 0 33.9l72 72c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-31-31 150.1 0 0 150.1-31-31c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l72 72c9.4 9.4 24.6 9.4 33.9 0l72-72c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-31 31 0-150.1 150.1 0-31 31c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l72-72c9.4-9.4 9.4-24.6 0-33.9l-72-72c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l31 31-150.1 0 0-150.1 31 31c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-72-72z"/>
+</svg>

package/dist/svg/octagonExclamation.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" aria-hidden="true" focusable="false" role="img">
+  <path d="M330.9 .1c12.7 0 25 5.1 34 14.1L498.3 147.6c9 9 14.1 21.2 14.1 33.9l0 148.8c0 12.7-5.1 25-14.1 34L364.8 497.9c-9 9-21.2 14.1-34 14.1l-148.8 0c-12.7 0-24.9-5.1-33.9-14.1L14.6 364.4c-9-9-14.1-21.2-14.1-34l0-148.8c0-12.7 5.1-24.9 14.1-33.9L148.1 14.1c9-9 21.2-14.1 33.9-14.1l148.8 0zM48.5 181.6l0 148.8 133.5 133.5 148.8 0 133.5-133.5 0-148.8-133.5-133.5-148.8 0-133.5 133.5zM256.4 384a32 32 0 1 1 0-64 32 32 0 1 1 0 64zm0-256c18.2 0 32.7 15.5 31.4 33.7l-7.4 104c-.9 12.6-11.4 22.3-23.9 22.3-12.6 0-23-9.7-23.9-22.3l-7.4-104c-1.3-18.2 13.1-33.7 31.4-33.7z"/>
+</svg>

package/dist/svg/openai.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="currentColor" aria-hidden="true" focusable="false" role="img">
+  <path d="M15.3417 14.5625V10.7656C15.3417 10.4453 15.4579 10.2031 15.7367 10.0469L23.3107 5.64844C24.3408 5.04687 25.5721 4.76562 26.8422 4.76562C31.5973 4.76562 34.6176 8.48437 34.6176 12.4453C34.6176 12.7266 34.6176 13.0469 34.5789 13.3672L26.7183 8.72656C26.2459 8.44531 25.7657 8.44531 25.2933 8.72656L15.3417 14.5625ZM33.0223 29.3594V20.2812C33.0223 19.7188 32.7822 19.3203 32.3098 19.0391L22.3582 13.2031L25.6108 11.3203C25.8896 11.1641 26.1297 11.1641 26.4008 11.3203L33.9748 15.7266C36.1588 17.0078 37.6225 19.7266 37.6225 22.3672C37.6225 25.4063 35.8412 28.2109 33.0223 29.3672V29.3594ZM13.0029 21.3594L9.75024 19.4375C9.47144 19.2813 9.35528 19.0391 9.35528 18.7188V9.92187C9.35528 5.64062 12.6079 2.39844 17.0068 2.39844C18.6718 2.39844 20.2207 2.96094 21.5295 3.96094L13.7154 8.52344C13.243 8.80469 13.0029 9.20312 13.0029 9.76562V21.3672V21.3594ZM20.0039 25.4375L15.3417 22.7969V17.1953L20.0039 14.5547L24.666 17.1953V22.7969L20.0039 25.4375ZM23.001 37.6016C21.3359 37.6016 19.787 37.0391 18.4782 36.0391L26.2924 31.4766C26.7648 31.1953 27.0048 30.7969 27.0048 30.2344V18.6328L30.2962 20.5547C30.575 20.7109 30.6912 20.9531 30.6912 21.2734V30.0703C30.6912 34.3516 27.3998 37.5938 23.001 37.5938V37.6016ZM13.5915 28.6797L6.02517 24.2813C3.84124 23 2.37754 20.2813 2.37754 17.6406C2.37754 14.5625 4.20523 11.7969 7.01646 10.6406V19.7578C7.01646 20.3203 7.25653 20.7188 7.72895 21L17.6418 26.7969L14.3892 28.6797C14.1104 28.8359 13.8703 28.8359 13.5992 28.6797H13.5915ZM13.1578 35.2422C8.67377 35.2422 5.38238 31.8438 5.38238 27.6406C5.38238 27.3203 5.4211 27 5.45983 26.6797L13.274 31.2422C13.7464 31.5234 14.2265 31.5234 14.6989 31.2422L24.6505 25.4453V29.2422C24.6505 29.5625 24.5344 29.8047 24.2556 29.9609L16.6815 34.3594C15.6515 34.9609 14.4201 35.2422 13.15 35.2422H13.1578ZM22.9932 40C27.7948 40 31.7986 36.5625 32.7047 32C37.1423 30.8359 40 26.6406 40 22.3594C40 19.5625 38.8074 16.8359 36.6699 14.8828C36.8713 14.0391 36.9874 13.2031 36.9874 12.3594C36.9874 6.64063 32.3872 2.35937 27.0745 2.35937C26.0058 2.35937 24.9758 2.51563 23.9458 2.88281C22.1646 1.125 19.7018 0 17.0068 0C12.2052 0 8.20135 3.4375 7.29526 8C2.8577 9.15625 0 13.3594 0 17.6406C0 20.4375 1.19264 23.1641 3.33011 25.1172C3.12875 25.9609 3.01258 26.7969 3.01258 27.6406C3.01258 33.3594 7.61278 37.6406 12.9255 37.6406C13.9942 37.6406 15.0242 37.4844 16.0542 37.1172C17.8354 38.875 20.2982 40 22.9932 40Z"/>
+</svg>

package/dist/svg/pause.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" fill="currentColor" aria-hidden="true" focusable="false" role="img">
+  <path d="M48 80l0 352 64 0 0-352-64 0zM0 80C0 53.5 21.5 32 48 32l64 0c26.5 0 48 21.5 48 48l0 352c0 26.5-21.5 48-48 48l-64 0c-26.5 0-48-21.5-48-48L0 80zm272 0l0 352 64 0 0-352-64 0zm-48 0c0-26.5 21.5-48 48-48l64 0c26.5 0 48 21.5 48 48l0 352c0 26.5-21.5 48-48 48l-64 0c-26.5 0-48-21.5-48-48l0-352z"/>
+</svg>

package/dist/svg/sidebar.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" aria-hidden="true" focusable="false" role="img">
+  <path d="M0 128C0 92.7 28.7 64 64 64l384 0c35.3 0 64 28.7 64 64l0 256c0 35.3-28.7 64-64 64L64 448c-35.3 0-64-28.7-64-64L0 128zM176 240c0-13.3-10.7-24-24-24l-80 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l80 0c13.3 0 24-10.7 24-24zm0 88c0-13.3-10.7-24-24-24l-80 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l80 0c13.3 0 24-10.7 24-24zm48 72l224 0c8.8 0 16-7.2 16-16l0-256c0-8.8-7.2-16-16-16l-224 0 0 288zM176 152c0-13.3-10.7-24-24-24l-80 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l80 0c13.3 0 24-10.7 24-24z"/>
+</svg>

package/dist/svg/slider.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" fill="currentColor" aria-hidden="true" focusable="false" role="img">
+  <path d="M384 144c8.8 0 16 7.2 16 16l0 192c0 8.8-7.2 16-16 16l-32 0c-8.8 0-16-7.2-16-16l0-192c0-8.8 7.2-16 16-16l32 0zM352 96c-35.3 0-64 28.7-64 64l0 192c0 35.3 28.7 64 64 64l32 0c35.3 0 64-28.7 64-64l0-72 104 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-104 0 0-72c0-35.3-28.7-64-64-64l-32 0zM0 256c0 13.3 10.7 24 24 24l216 0 0-48-216 0c-13.3 0-24 10.7-24 24z"/>
+</svg>

package/dist/svg/squareDashed.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor" aria-hidden="true" focusable="false" role="img">
+  <path d="M88 32c13.3 0 24 10.7 24 24S101.3 80 88 80c-22.1 0-40 17.9-40 40 0 13.3-10.7 24-24 24S0 133.3 0 120C0 71.4 39.4 32 88 32zM24 192c13.3 0 24 10.7 24 24l0 80c0 13.3-10.7 24-24 24S0 309.3 0 296l0-80c0-13.3 10.7-24 24-24zm400 0c13.3 0 24 10.7 24 24l0 80c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-80c0-13.3 10.7-24 24-24zm0-48c-13.3 0-24-10.7-24-24 0-22.1-17.9-40-40-40-13.3 0-24-10.7-24-24s10.7-24 24-24c48.6 0 88 39.4 88 88 0 13.3-10.7 24-24 24zm24 248c0 48.6-39.4 88-88 88-13.3 0-24-10.7-24-24s10.7-24 24-24c22.1 0 40-17.9 40-40 0-13.3 10.7-24 24-24s24 10.7 24 24zM48 392c0 22.1 17.9 40 40 40 13.3 0 24 10.7 24 24s-10.7 24-24 24c-48.6 0-88-39.4-88-88 0-13.3 10.7-24 24-24s24 10.7 24 24zm136 88c-13.3 0-24-10.7-24-24s10.7-24 24-24l80 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0zM160 56c0-13.3 10.7-24 24-24l80 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24z"/>
+</svg>

package/dist/svg/tableColumns.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor" aria-hidden="true" focusable="false" role="img">
+  <path d="M48 416l0-256 152 0 0 272-136 0c-8.8 0-16-7.2-16-16zm200 16l0-272 152 0 0 256c0 8.8-7.2 16-16 16l-136 0zM64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32z"/>
+</svg>

package/dist/svg/userSolid.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor" aria-hidden="true" focusable="false" role="img">
+  <path d="M224 248a120 120 0 1 0 0-240 120 120 0 1 0 0 240zm-29.7 56C95.8 304 16 383.8 16 482.3 16 498.7 29.3 512 45.7 512l356.6 0c16.4 0 29.7-13.3 29.7-29.7 0-98.5-79.8-178.3-178.3-178.3l-59.4 0z"/>
+</svg>

package/dist/{layouts → utilities}/FlexContainer/FlexContainer.d.ts

@@ -1,12 +1,11 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { GridGapOptions } from '../../libs/types/layout-types';
+import { GapScale } from '../../libs/types/layout-types';
 import './flex-container.css';
 type FlexAlignContent = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'stretch';
 type FlexAlignItems = 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
 type FlexDirection = 'row' | 'row-reverse' | 'column' | 'column-reverse';
 type FlexJustifyContent = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
 type FlexWrap = 'nowrap' | 'wrap' | 'wrap-reverse';
-type FlexGapOptions = GridGapOptions | 'minimal' | 'none';
 interface FlexContainerProps extends ComponentPropsWithoutRef<'div'> {
     /**
      * Aligns content when there is extra space in the cross-axis.
@@ -33,9 +32,10 @@ interface FlexContainerProps extends ComponentPropsWithoutRef<'div'> {
      */
     flexWrap?: FlexWrap;
     /**
-     * Gap between items.
+     * Gap between items. Fixed at all breakpoints; set `mobileGap` to change it
+     * on small screens.
      */
-    gap?: FlexGapOptions;
+    gap?: GapScale;
     /**
      * Alignment along the main axis.
      */
@@ -59,7 +59,7 @@ interface FlexContainerProps extends ComponentPropsWithoutRef<'div'> {
     /**
      * Gap between items on mobile. If not set, will default to the same value as `gap`.
      */
-    mobileGap?: FlexGapOptions;
+    mobileGap?: GapScale;
     /**
      * Justify content for mobile. If not set, will default to the same value as `justifyContent`.
      */
@@ -68,5 +68,5 @@ interface FlexContainerProps extends ComponentPropsWithoutRef<'div'> {
 /**
  * Flex Container UI component
  */
-export declare const FlexContainer: ({ alignContent, alignItems, children, className, flexDirection, flexWrap, gap, justifyContent, mobileAlignContent, mobileAlignItems, mobileFlexDirection, mobileFlexWrap, mobileGap, mobileJustifyContent, ...props }: FlexContainerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FlexContainer: ({ alignContent, alignItems, children, className, flexDirection, flexWrap, gap, justifyContent, mobileAlignContent, mobileAlignItems, mobileFlexDirection, mobileFlexWrap, mobileGap, mobileJustifyContent, style, ...props }: FlexContainerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/utilities/GlobalWrapper/GlobalWrapper.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react';
+/**
+ * Prop types for GlobalWrapper
+ */
+interface GlobalWrapperProps {
+    /**
+     * Child components
+     */
+    children: ReactNode;
+    /**
+     * Maximum viewport width in pixels at which mobile nav mode is active.
+     * Sets the `data-pds-mobile` attribute on `:root` for CSS to react to.
+     * Defaults to 767 to align with `--pds-bp-s-only` (`max-width: 767px`).
+     */
+    mobileMaxWidth?: number;
+}
+/**
+ * GlobalWrapper wrapper component.
+ */
+export declare const GlobalWrapper: ({ children, mobileMaxWidth, }: GlobalWrapperProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/utilities/grid/Grid.d.ts

@@ -0,0 +1,58 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { GapScale } from '../../libs/types/layout-types';
+import './grid.css';
+type GridStackBreakpoint = 's' | 'm' | 'l' | 'xl';
+/**
+ * Prop types for Grid
+ */
+export interface GridProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Make the grid an inline-size query container (`container-type: inline-size`,
+     * named `pds-grid`) so its items can respond to the grid's own width with
+     * `@container pds-grid (…)` rules instead of the viewport. Use when the
+     * available width is decoupled from the viewport (e.g. beside a collapsible
+     * sidebar). The restack rule is authored per-layout — see the docs.
+     */
+    asContainer?: boolean;
+    /**
+     * Grid items — typically `GridItem` elements.
+     */
+    children?: ReactNode;
+    /**
+     * Additional class names
+     */
+    className?: string;
+    /**
+     * Opt in to dense packing (`grid-auto-flow: row dense`), which backfills gaps
+     * left by items with row or column spans instead of leaving holes — useful
+     * for bento layouts. Off by default because it can change the visual order.
+     */
+    dense?: boolean;
+    /**
+     * Gap between grid tracks, from the numbered spacing scale. Fixed at all
+     * breakpoints; set `mobileGap` to change it on small screens. Defaults to
+     * `xl` (24px).
+     */
+    gap?: GapScale;
+    /**
+     * Gap on small (mobile) screens. If not set, uses the same value as `gap`.
+     */
+    mobileGap?: GapScale;
+    /**
+     * Collapse the grid to a single column once its own width drops below this
+     * threshold, regardless of viewport — a curated scale (`s` 30rem, `m` 48rem,
+     * `l` 60rem, `xl` 75rem). Implies `asContainer`. For an off-scale threshold,
+     * use `asContainer` with your own `@container` rule instead.
+     */
+    stackBelow?: GridStackBreakpoint;
+}
+/**
+ * Grid layout component — a typed wrapper over the `pds-grid` utility classes.
+ * A fluid grid that is 4 columns at small viewports and 12 at medium and up;
+ * place `GridItem` children and set their column spans per breakpoint.
+ *
+ * The underlying classes (`pds-grid`, `pds-grid--gap-*`, `pds-grid-item*`) can
+ * also be used directly without this component.
+ */
+export declare const Grid: ({ asContainer, children, className, dense, gap, mobileGap, stackBelow, ...props }: GridProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/utilities/grid/GridItem.d.ts

@@ -0,0 +1,57 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import './grid.css';
+type GridSpanSm = 1 | 2 | 3 | 4;
+type GridSpan = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+type GridRowSpan = 1 | 2 | 3 | 4 | 5 | 6;
+/**
+ * Prop types for GridItem
+ */
+export interface GridItemProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Item content.
+     */
+    children?: ReactNode;
+    /**
+     * Additional class names
+     */
+    className?: string;
+    /**
+     * Rows to span at large viewports (1–6). Falls back to the medium value.
+     */
+    rowSpanLg?: GridRowSpan;
+    /**
+     * Rows to span at medium viewports (1–6). Falls back to a single row.
+     */
+    rowSpanMd?: GridRowSpan;
+    /**
+     * Rows to span at small viewports (1–6). Falls back to a single row.
+     */
+    rowSpanSm?: GridRowSpan;
+    /**
+     * Rows to span at extra-large viewports (1–6). Falls back to the large value.
+     */
+    rowSpanXl?: GridRowSpan;
+    /**
+     * Columns to span at large viewports (1–12). Falls back to the medium value.
+     */
+    spanLg?: GridSpan;
+    /**
+     * Columns to span at medium viewports (1–12). Falls back to full width.
+     */
+    spanMd?: GridSpan;
+    /**
+     * Columns to span at small viewports (1–4). Falls back to full width.
+     */
+    spanSm?: GridSpanSm;
+    /**
+     * Columns to span at extra-large viewports (1–12). Falls back to the large value.
+     */
+    spanXl?: GridSpan;
+}
+/**
+ * GridItem — a child of `Grid`. Sets the column span per breakpoint via the
+ * `pds-grid-item--{breakpoint}-{span}` utility classes. Missing breakpoints
+ * fall back to the full column width for that viewport.
+ */
+export declare const GridItem: ({ children, className, rowSpanLg, rowSpanMd, rowSpanSm, rowSpanXl, spanLg, spanMd, spanSm, spanXl, ...props }: GridItemProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/utilities/hooks/useDropdown/index.d.ts

@@ -0,0 +1 @@
+export * from './useDropdown';

package/dist/utilities/hooks/useDropdown/useDropdown.d.ts

@@ -0,0 +1,121 @@
+import type { Placement } from '@floating-ui/react';
+import { useFloating, useInteractions } from '@floating-ui/react';
+export type DropdownRole = 'menu' | 'listbox';
+export type DropdownVariant = 'default' | 'input';
+export interface UseDropdownOptions {
+    /**
+     * Allow keyboard navigation to escape the list (move past first/last item).
+     * Useful for combobox inputs where focus should return to the input.
+     */
+    allowEscape?: boolean;
+    /**
+     * Enable click-to-toggle interaction via useClick.
+     * Set to false for combobox-type inputs where open/close is managed
+     * by input events (typing, focus) rather than a click toggle.
+     */
+    enableClick?: boolean;
+    /**
+     * Enable keyboard list navigation via useListNavigation.
+     * Set to false if keyboard nav is managed externally.
+     */
+    enableListNavigation?: boolean;
+    /**
+     * Enable shift middleware to keep the dropdown within viewport bounds.
+     * Set to false for inputs where the dropdown should align flush with the trigger.
+     */
+    enableShift?: boolean;
+    /**
+     * Enable transition animations on the dropdown panel.
+     */
+    enableTransition?: boolean;
+    /**
+     * Enable typeahead character search via useTypeahead.
+     */
+    enableTypeahead?: boolean;
+    /**
+     * Offset distance in pixels between the trigger and the dropdown panel.
+     * Ignored when variant is 'input' (uses dynamic offset based on placement).
+     */
+    offsetValue?: number;
+    /**
+     * Open the dropdown on hover (desktop navigation menus).
+     * Enables useHover with safePolygon.
+     */
+    openOnHover?: boolean;
+    /**
+     * Preferred placement of the dropdown panel relative to the trigger.
+     */
+    placement?: Placement;
+    /**
+     * ARIA role for the dropdown container.
+     */
+    role?: DropdownRole;
+    /**
+     * Index of the currently selected item. Used by typeahead to maintain
+     * selection context. Only needed for selection-style dropdowns (Select).
+     */
+    selectedIndex?: number | null;
+    /**
+     * Dropdown variant. 'input' applies input-specific positioning: dynamic
+     * offset based on placement direction and size constraints with min/max height.
+     * Use for Select, Combobox, and other input-attached dropdowns.
+     */
+    variant?: DropdownVariant;
+    /**
+     * Use virtual focus (aria-activedescendant) instead of roving tabindex.
+     * Appropriate for combobox-type inputs where focus must stay on the input.
+     */
+    virtual?: boolean;
+}
+export interface UseDropdownReturn {
+    /**
+     * Index of the currently active/focused item in the list.
+     */
+    activeIndex: number | null;
+    /**
+     * Styles to apply to the floating panel element.
+     */
+    floatingStyles: ReturnType<typeof useFloating>['floatingStyles'];
+    /**
+     * Props to spread on the floating panel element.
+     */
+    getFloatingProps: ReturnType<typeof useInteractions>['getFloatingProps'];
+    /**
+     * Props to spread on each item element.
+     */
+    getItemProps: ReturnType<typeof useInteractions>['getItemProps'];
+    /**
+     * Props to spread on the trigger/reference element.
+     */
+    getReferenceProps: ReturnType<typeof useInteractions>['getReferenceProps'];
+    /**
+     * Whether the floating panel should be mounted in the DOM
+     * (accounts for transition animations).
+     */
+    isMounted: boolean;
+    /**
+     * Whether the dropdown is currently open.
+     */
+    isOpen: boolean;
+    /**
+     * Ref array for list item DOM nodes (used by useListNavigation).
+     */
+    listRef: React.MutableRefObject<any[]>;
+    /**
+     * Floating UI refs for the reference and floating elements.
+     */
+    refs: ReturnType<typeof useFloating>['refs'];
+    /**
+     * Set the active/focused item index.
+     */
+    setActiveIndex: React.Dispatch<React.SetStateAction<number | null>>;
+    /**
+     * Set the open state of the dropdown.
+     */
+    setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    /**
+     * Transition styles to apply to the floating panel element.
+     */
+    transitionStyles: React.CSSProperties;
+}
+export declare const useDropdown: ({ allowEscape, enableClick, enableListNavigation, enableShift, enableTransition, enableTypeahead, offsetValue, openOnHover, placement, role, selectedIndex, variant, virtual, }?: UseDropdownOptions) => UseDropdownReturn;

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@pantheon-systems/pds-toolkit-react",
 	"technology": "React",
-	"version": "2.0.0-alpha.4",
+	"version": "2.0.0-alpha.41",
 	"description": "PDS toolkit built using the React framework",
 	"publishConfig": {
 		"access": "public",
@@ -20,6 +20,9 @@
 		"url": "https://github.com/pantheon-systems/pds-toolkit-react/issues"
 	},
 	"homepage": "https://github.com/pantheon-systems/pds-toolkit-react#readme",
+	"bin": {
+		"pds-codemod": "./bin/pds-codemod.cjs"
+	},
 	"module": "dist/index.js",
 	"types": "dist/index.d.ts",
 	"exports": {
@@ -27,10 +30,16 @@
 			"types": "./dist/index.d.ts",
 			"import": "./dist/index.js"
 		},
+		"./tailwind/v3/preset": "./tailwind/v3/preset.cjs",
+		"./tailwind/v4/theme.css": "./tailwind/v4/theme.css",
 		"./*": "./dist/*"
 	},
 	"files": [
-		"dist"
+		"bin",
+		"codemods/v1-to-v2/transforms",
+		"codemods/v1-to-v2/mappings.json",
+		"dist",
+		"tailwind"
 	],
 	"sideEffects": [
 		"*.css"
@@ -49,9 +58,9 @@
 		"prestorybook": "node scripts/filter-exports-by-tags.js && npm run build:css && npm run build:css:components && npm run build:css:layouts && npm run generate:ux-writing-search-index && npm run generate:ux-writing-guide",
 		"storybook": "storybook dev -p 6006",
 		"prebuild": "npm run build:css && npm run build:css:components && npm run build:css:layouts && npm run build:css:packageExtraCss && npm run generate:ux-writing-search-index && npm run generate:ux-writing-guide",
-		"build": "NODE_ENV=production storybook build",
+		"build": "NODE_OPTIONS=--max-old-space-size=4096 NODE_ENV=production storybook build",
 		"build-storybook": "NODE_ENV=production storybook build",
-		"postbuild": "node scripts/copy-mcp-assets.js && node scripts/build-starter-template.js && node scripts/generate-html-docs.js && node scripts/verify-mcp-build.js",
+		"postbuild": "node scripts/generate-html-docs.js && node scripts/build-starter-template.js && node scripts/copy-mcp-assets.js && node scripts/verify-mcp-build.js",
 		"verify:mcp": "node scripts/verify-mcp-build.js",
 		"start": "node index.js",
 		"develop": "npm run storybook",
@@ -85,83 +94,99 @@
 		"generate:ux-writing-search-index": "node scripts/generate-search-index.js",
 		"generate:ux-writing-guide": "node scripts/generate-ux-writing-guide.js",
 		"generate:html-docs": "node scripts/generate-html-docs.js",
+		"test:codemods": "jest --testPathPatterns=codemods/",
 		"test:version-switcher": "bash scripts/test-version-switcher.sh",
 		"pack:local": "bash scripts/pack-local.sh",
 		"prepare": "husky install",
 		"chromatic": "npx chromatic --project-token=chpt_8f57e9785118676"
 	},
+	"jest": {
+		"testMatch": [
+			"**/codemods/**/__tests__/**/*.test.js"
+		],
+		"testEnvironment": "node"
+	},
 	"devDependencies": {
 		"@arethetypeswrong/cli": "^0.15.3",
-		"@axe-core/playwright": "^4.11.0",
-		"@babel/preset-env": "^7.21.5",
+		"@axe-core/playwright": "^4.11.3",
+		"@babel/preset-env": "^7.29.5",
 		"@babel/preset-react": "^7.18.6",
 		"@babel/preset-typescript": "^7.28.5",
 		"@csstools/postcss-design-tokens": "^2.0.4",
 		"@csstools/postcss-global-data": "^1.0.3",
-		"@playwright/test": "^1.36.2",
-		"@storybook/addon-a11y": "^10.2.3",
-		"@storybook/addon-docs": "^10.2.3",
-		"@storybook/addon-links": "^10.2.3",
-		"@storybook/addon-mcp": "^0.2.0",
-		"@storybook/addon-webpack5-compiler-swc": "^4.0.2",
-		"@storybook/react-vite": "^10.2.3",
-		"@storybook/react-webpack5": "^10.2.3",
-		"@types/prismjs": "^1.26.5",
-		"@types/react": "^19.2.2",
-		"@typescript-eslint/eslint-plugin": "^8.47.0",
-		"@typescript-eslint/parser": "^8.47.0",
-		"@vitejs/plugin-react": "^4.3.0",
+		"@fortawesome/free-brands-svg-icons": "^7.2.0",
+		"@fortawesome/pro-regular-svg-icons": "^7.2.0",
+		"@fortawesome/pro-solid-svg-icons": "^7.2.0",
+		"@playwright/test": "^1.60.0",
+		"@storybook/addon-a11y": "^10.4.0",
+		"@storybook/addon-docs": "^10.4.0",
+		"@storybook/addon-links": "^10.4.0",
+		"@storybook/addon-mcp": "^0.6.0",
+		"@storybook/addon-webpack5-compiler-swc": "^4.0.3",
+		"@storybook/react-vite": "^10.4.0",
+		"@storybook/react-webpack5": "^10.4.0",
+		"@types/prismjs": "^1.26.6",
+		"@types/react": "^19.2.14",
+		"@typescript-eslint/eslint-plugin": "^8.59.3",
+		"@typescript-eslint/parser": "^8.59.3",
+		"@vitejs/plugin-react": "^6.0.2",
 		"@vueless/storybook-dark-mode": "^9.0.9",
 		"axe-html-reporter": "^2.2.3",
 		"chromatic": "^13.3.4",
 		"concurrently": "^8.0.1",
 		"cssnano": "^6.0.1",
-		"eslint": "^9.26.0",
+		"eslint": "^9.39.4",
 		"eslint-config-prettier": "^9.1.0",
 		"eslint-import-resolver-typescript": "^4.4.4",
 		"eslint-plugin-import": "^2.32.0",
-		"eslint-plugin-prettier": "^5.1.3",
+		"eslint-plugin-prettier": "^5.5.5",
 		"eslint-plugin-react": "^7.32.2",
 		"eslint-plugin-simple-import-sort": "^12.1.1",
 		"eslint-plugin-sort-destructure-keys": "^2.0.0",
-		"eslint-plugin-storybook": "^10.2.3",
+		"eslint-plugin-storybook": "^10.4.0",
 		"eslint-plugin-typescript-sort-keys": "^3.3.0",
 		"fast-glob": "^3.3.2",
 		"husky": "^8.0.3",
+		"jest": "^30.4.2",
+		"jscodeshift": "^17.3.0",
 		"lint-staged": "^13.2.3",
 		"pino-pretty": "^13.1.3",
 		"plop": "^3.1.2",
-		"postcss": "^8.4.38",
+		"postcss": "^8.5.14",
 		"postcss-cli": "^10.1.0",
 		"postcss-custom-media": "^9.1.3",
 		"postcss-import": "^15.1.0",
 		"postcss-insert": "^1.0.0",
-		"postcss-loader": "^8.1.1",
+		"postcss-loader": "^8.2.1",
 		"postcss-nested": "^6.0.1",
-		"prettier": "3.2.5",
-		"prettier-plugin-css-order": "^2.1.2",
+		"prettier": "^3.8.3",
+		"prettier-plugin-css-order": "^2.2.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
-		"storybook": "^10.2.3",
-		"tsc-alias": "^1.8.16",
+		"react-router-dom": "^6.13.0",
+		"storybook": "^10.4.0",
+		"tsc-alias": "^1.8.17",
 		"typescript": "^5.4.5",
-		"vite": "^7.2.2",
+		"vite": "^8.0.16",
 		"vite-plugin-lib-inject-css": "^2.1.1",
 		"vite-tsconfig-paths": "^4.3.2"
 	},
 	"peerDependencies": {
-		"react": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
-		"react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+		"react": "^18.0.0 || ^19.0.0",
+		"react-dom": "^18.0.0 || ^19.0.0"
 	},
 	"dependencies": {
+		"@dnd-kit/core": "^6.3.1",
+		"@dnd-kit/sortable": "^10.0.0",
+		"@dnd-kit/utilities": "^3.2.2",
 		"@floating-ui/react": "^0.24.3",
 		"@floating-ui/react-dom": "~1.3.0",
-		"@pantheon-systems/pds-design-tokens": "^2.0.0-alpha.29",
+		"@pantheon-systems/pds-design-tokens": "^2.0.0-alpha.57",
 		"@reactuses/core": "^5.0.15",
 		"date-fns": "^4.1.0",
-		"downshift": "^9.0.8",
-		"express": "^4.22.1",
-		"express-rate-limit": "^8.2.1",
+		"downshift": "^9.3.2",
+		"express": "^5.0.0",
+		"express-rate-limit": "^8.5.2",
 		"focus-trap-react": "^10.2.1",
 		"hash-sum": "^2.0.0",
 		"modern-normalize": "^3.0.1",
@@ -172,13 +197,15 @@
 		"react-code-block": "^1.1.1",
 		"react-day-picker": "^9.11.1",
 		"react-device-detect": "^2.2.3",
-		"react-router-dom": "^6.13.0",
-		"react-toastify": "^9.0.3"
+		"react-hotkeys-hook": "^4.5.1",
+		"react-toastify": "^11.1.0",
+		"recharts": "^3.8.1"
 	},
-	"optionalDependencies": {
-		"@fortawesome/free-brands-svg-icons": "^7.2.0",
-		"@fortawesome/pro-regular-svg-icons": "^7.2.0",
-		"@fortawesome/pro-solid-svg-icons": "^7.2.0"
+	"overrides": {
+		"@babel/plugin-transform-modules-systemjs": "^7.29.4",
+		"fast-uri": "^3.1.2",
+		"hono": "^4.12.18",
+		"ip-address": "^10.1.1"
 	},
 	"lint-staged": {
 		"*": "prettier --write --ignore-unknown",