@lumx/react 4.10.0-alpha.0 → 4.10.0-alpha.1

package/index.js

@@ -14846,12 +14846,6 @@ Progress.displayName = COMPONENT_NAME$s;
 Progress.className = CLASSNAME$t;
 Progress.defaultProps = DEFAULT_PROPS$v;
 
-/**
- * SSR-safe version of `useLayoutEffect`.
- * Uses `useLayoutEffect` on the client and `useEffect` on the server to avoid React SSR warnings.
- */
-const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
-
 const INIT_STATE = {
   isLazy: true,
   shouldActivateOnFocus: false,
@@ -14930,7 +14924,7 @@ const useTabProviderContext = (type, originalId) => {
   // Current tab or tab panel id.
   const generatedId = useId();
   const id = originalId || generatedId;
-  useIsomorphicLayoutEffect(() => {
+  useEffect(() => {
     // On mount: register tab or tab panel id.
     dispatch({
       type: 'register',
@@ -15030,6 +15024,12 @@ const ProgressTrackerProvider = props => {
 };
 ProgressTrackerProvider.defaultProps = DEFAULT_PROPS$u;
 
+/**
+ * SSR-safe version of `useLayoutEffect`.
+ * Uses `useLayoutEffect` on the client and `useEffect` on the server to avoid React SSR warnings.
+ */
+const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
+
 /**
  * Returns a stable callback that always calls the latest version of `fn`.
  * Useful to avoid re-running effects when a callback prop changes reference.
@@ -18240,7 +18240,11 @@ const TabProvider = props => {
     onChange,
     ...propState
   } = props;
-  const [state, dispatch] = useReducer(reducer, INIT_STATE);
+  const [state, dispatch] = useReducer(reducer, {
+    ...INIT_STATE,
+    ...DEFAULT_PROPS$7,
+    ...propState
+  });
 
   // On prop state change => dispatch update.
   useEffect(() => {
@@ -18501,7 +18505,11 @@ const Tab = forwardRef((props, ref) => {
     onKeyPress,
     ...forwardedProps
   } = otherProps;
-  const state = useTabProviderContext('tab', id);
+  const tabState = useTabProviderContext('tab', id);
+  const {
+    isLazy: _isLazy,
+    ...state
+  } = tabState ?? {};
   const isActive = propIsActive || state?.isActive;
   return Tab$1({
     id,