@kaizen/components 0.0.0-canary-test-cherry-picked-updates-20250702235156 → 0.0.0-canary-ssr-generic-modal-1-20250709023540

package/dist/esm/src/__alpha__/SingleSelect/subcomponents/ListSection/ListSection.mjs

@@ -0,0 +1,19 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import classnames from 'classnames';
+import { ListBoxSection, Header } from 'react-aria-components';
+import styles from './ListSection.module.css.mjs';
+const ListSection = /*#__PURE__*/function () {
+  const ListSection = function (_a) {
+    var name = _a.name,
+      className = _a.className,
+      children = _a.children,
+      props = __rest(_a, ["name", "className", "children"]);
+    return /*#__PURE__*/React.createElement(ListBoxSection, __assign({}, props), /*#__PURE__*/React.createElement(Header, {
+      className: classnames(styles.listSectionHeader, className)
+    }, name), children);
+  };
+  ListSection.displayName = 'SingleSelect.ListSection';
+  return ListSection;
+}();
+export { ListSection };

package/dist/esm/src/__alpha__/SingleSelect/subcomponents/ListSection/ListSection.module.css.mjs

@@ -0,0 +1,4 @@
+var styles = {
+  "listSectionHeader": "ListSection-module_listSectionHeader__bptHg"
+};
+export { styles as default };

package/dist/esm/src/__alpha__/SingleSelect/subcomponents/Trigger/Trigger.mjs

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Button, SelectValue } from 'react-aria-components';
+import { Icon } from '../../../../__next__/Icon/Icon.mjs';
+import styles from './Trigger.module.css.mjs';
+var Trigger = function () {
+  return /*#__PURE__*/React.createElement(Button, {
+    className: styles.button
+  }, /*#__PURE__*/React.createElement(SelectValue, null), /*#__PURE__*/React.createElement(Icon, {
+    name: "keyboard_arrow_down",
+    isPresentational: true
+  }));
+};
+export { Trigger };

package/dist/esm/src/__alpha__/SingleSelect/subcomponents/Trigger/Trigger.module.css.mjs

@@ -0,0 +1,4 @@
+var styles = {
+  "button": "Trigger-module_button__giSqA"
+};
+export { styles as default };

package/dist/esm/src/__next__/Select/Select.mjs

@@ -46,9 +46,9 @@ const Select = /*#__PURE__*/function () {
       _d = _a.placeholder,
       placeholder = _d === void 0 ? '' : _d,
       isDisabled = _a.isDisabled,
-      portalContainerId = _a.portalContainerId,
       onSelectionChange = _a.onSelectionChange,
-      restProps = __rest(_a, ["label", "items", "id", "trigger", "children", "status", "validationMessage", "isReversed", "isRequired", "isFullWidth", "disabledValues", "classNameOverride", "selectedKey", "description", "placeholder", "isDisabled", "portalContainerId", "onSelectionChange"]);
+      portalContainerId = _a.portalContainerId,
+      restProps = __rest(_a, ["label", "items", "id", "trigger", "children", "status", "validationMessage", "isReversed", "isRequired", "isFullWidth", "disabledValues", "classNameOverride", "selectedKey", "description", "placeholder", "isDisabled", "onSelectionChange", "portalContainerId"]);
     var refs = useFloating().refs;
     var triggerRef = refs.reference;
     var fallbackId = useId();
@@ -128,7 +128,8 @@ const Select = /*#__PURE__*/function () {
     }, /*#__PURE__*/React.createElement(SelectProvider, {
       state: state
     }, /*#__PURE__*/React.createElement(SelectPopoverContents, {
-      menuProps: menuProps
+      menuProps: menuProps,
+      popoverRef: refs.floating
     }, children))))), validationMessage && (/*#__PURE__*/React.createElement(FieldMessage, __assign({}, errorMessageProps, {
       id: validationId,
       message: validationMessage,

package/dist/esm/src/__next__/Select/subcomponents/Overlay/Overlay.mjs

@@ -7,7 +7,8 @@ const Overlay = /*#__PURE__*/function () {
   const Overlay = function (_a) {
     var children = _a.children,
       classNameOverride = _a.classNameOverride,
-      restProps = __rest(_a, ["children", "classNameOverride"]);
+      popoverRef = _a.popoverRef,
+      restProps = __rest(_a, ["children", "classNameOverride", "popoverRef"]);
     var state = useSelectContext().state;
     // Handle events that should cause the menu to close,
     // e.g. blur, clicking outside, or pressing the escape key.
@@ -16,13 +17,12 @@ const Overlay = /*#__PURE__*/function () {
       isDismissable: true,
       isOpen: state.isOpen,
       onClose: state.close
-    }, overlayRef).overlayProps;
+    }, popoverRef !== null && popoverRef !== void 0 ? popoverRef : overlayRef).overlayProps;
     // Wrap in <FocusScope> so that focus is restored back to the trigger when the menu is closed
     // and auto focus on the first focusable item after loading. (disable eslint no-autofocus error for it)
     // In addition, add hidden <DismissButton> components at the start and end of the list
     // to allow screen reader users to dismiss the popup easily.
     return /*#__PURE__*/React.createElement("div", __assign({
-      ref: overlayRef,
       className: classNameOverride
     }, overlayProps, restProps), /*#__PURE__*/React.createElement(FocusScope, {
       autoFocus: false,

package/dist/esm/src/__next__/Select/subcomponents/SelectPopoverContents/SelectPopoverContents.mjs

@@ -7,7 +7,8 @@ import styles from './SelectPopoverContents.module.scss.mjs';
 const SelectPopoverContents = /*#__PURE__*/function () {
   const SelectPopoverContents = function (_a) {
     var children = _a.children,
-      menuProps = _a.menuProps;
+      menuProps = _a.menuProps,
+      popoverRef = _a.popoverRef;
     var state = useSelectContext().state;
     // The collection structure is set by useSelectState's `children`
     // which we have used a util to ensure the following structure
@@ -16,7 +17,9 @@ const SelectPopoverContents = /*#__PURE__*/function () {
     var itemNodes = Array.from(state.collection);
     return /*#__PURE__*/React.createElement("div", {
       className: styles.selectPopoverContents
-    }, /*#__PURE__*/React.createElement(Overlay, null, /*#__PURE__*/React.createElement(ListBox, {
+    }, /*#__PURE__*/React.createElement(Overlay, {
+      popoverRef: popoverRef
+    }, /*#__PURE__*/React.createElement(ListBox, {
       menuProps: menuProps
     }, children ? children({
       items: itemNodes

package/dist/esm/src/__next__/Tabs/subcomponents/TabList/TabList.mjs

@@ -61,7 +61,7 @@ var TabList = function (props) {
       }
       setLeftArrowEnabled(false);
     }, {
-      threshold: 0.75,
+      threshold: 0.8,
       root: containerElement
     });
     firstTabObserver.observe(isRTL$1 ? tabs[tabs.length - 1] : tabs[0]);
@@ -72,7 +72,7 @@ var TabList = function (props) {
       }
       setRightArrowEnabled(false);
     }, {
-      threshold: 0.75,
+      threshold: 0.8,
       root: containerElement
     });
     lastTabObserver.observe(isRTL$1 ? tabs[0] : tabs[tabs.length - 1]);
@@ -80,7 +80,7 @@ var TabList = function (props) {
       firstTabObserver.disconnect();
       lastTabObserver.disconnect();
     };
-  }, [isDocumentReady, containerElement, isRTL$1]);
+  }, [isDocumentReady, containerElement, isRTL$1, tabListContext === null || tabListContext === void 0 ? void 0 : tabListContext.collection.size]);
   useEffect(function () {
     var _a;
     if (!isDocumentReady) {